JQuery判断radio单选框是否选中

摘要  在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦，最标准的也是最简单就是用is()来进行判断

raido  checkbox  Jquery  Js

在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦，最标准的也是最简单就是用is()来进行判断：

Jquery版本，请确保你已经导入jquery：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<div>      <input type= "radio"  name= "check"  id= "first" >      <input type= "radio"  name= "check"  id= "second" >      <input type= "radio"  name= "check"  id= "third" > </div> <script type= "text/javascript" >      $( function (){              //获取radio集          $( "input:radio[name='check']" ).change( function (){                  //遍历radio集              $( "input:radio[name='check']" ).each( function (){                      //当前radio是否为选中状态                  alert($(this).attr( 'id' )+ ' is ' +$(this).is( ':checked' ));              });          });          }); </script>

JS版本：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<div>      <input type= "radio"  name= "check"  id= "first" >      <input type= "radio"  name= "check"  id= "second" >      <input type= "radio"  name= "check"  id= "third" > </div> <button onclick= "checkStatus()" >JS测试选中状态</button> <!--js版本--> <script type= "text/javascript" >      function  checkStatus(){          var  radios = document.getElementsByName( 'check' );          for ( var  i = 0; i < radios.length; i ++) {              if (radios[i].checked) {                  alert(radios[i].getAttribute( 'id' )+ ' is checked!' );              }  else  {                   alert(radios[i].getAttribute( 'id' )+ ' is not checked!' );              }          }      } </script>