欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery獲取radio選中項的值實例

 更新時間:2016年06月18日 11:38:48   作者:酷小孩  
本文主要介紹jQuery獲取radio選中項的值的方法,希望能幫到大家,有需要的朋友可以參考一下。
<title></title>
  <script src="js/jquery-1.7.2.min.js"></script>
  <script type="text/javascript">
    $(function () {
      //沒有默認(rèn)選中的情況
      //先判斷radio是否有選中項,再獲取選中的值
      $("#btnclick").click(function () {
        //獲取選中項的value屬性
        var chkRadio = $('input:radio[name="list"]:checked').val();
        if (chkRadio == null) {
          alert("沒有選中項");
          return false;
        } else {
          alert(chkRadio);
        }
      });

      //有默認(rèn)選中的情況
      //獲取選中項的值,一般采用遍歷的方法,判斷哪一項選中,獲取其value屬性的值
      $("#btnclick2").click(function () {
        var chk2 = getRadioValue("list2");
        alert(chk2);
      });

      function getRadioValue(radioName) {
        var chkRadio = document.getElementsByName(radioName);
        for (var i = 0; i < chkRadio.length; i++) {
          if (chkRadio[i].checked)
            return chkRadio[i].value;
        }
      }

    })
  </script>
</head>

<body>
  <div>
    <input type="radio" name="list" value="十分滿意" />十分滿意
    <input type="radio" name="list" value="滿意" />滿意
    <input type="radio" name="list" value="不滿意" />不滿意
    <input type="radio" name="list" value="非常差" />非常差
  </div>
  <br />
  <div>
    <input type="radio" name="list2" value="十分滿意2" checked="checked" />十分滿意2
    <input type="radio" name="list2" value="滿意2" />滿意2
    <input type="radio" name="list2" value="不滿意2" />不滿意2
    <input type="radio" name="list2" value="非常差2" />非常差2
  </div>
  <input type="button" value="確定" id="btnclick" />
  <input type="button" value="確定2" id="btnclick2" />
</body>
</html>

演示截圖:

1.沒有默認(rèn)選中項的情況下,獲取為null:

http://img.jbzj.com/file_images/article/201606/201606181135009.jpg

2.沒有默認(rèn)選中項的情況下,獲取選中項的value值:

http://img.jbzj.com/file_images/article/201606/2016061811350010.jpg

3.有選中項的情況下,獲取選中項的值:

http://img.jbzj.com/file_images/article/201606/2016061811350011.jpg

以上就是本文的全部內(nèi)容,希望這個方法也能給遇到相同問題的其他人帶來幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論