jquery中判斷復選框有沒有被選上


頁面部分:

    <input type="checkbox" id="cbx" /><label for="cbx">點我</label><br/> 
    <input type="button" id="btn" value="獲取復選框的值"/>

 

□ 方法一: attr('checked')返回undefined,不推薦使用

   1:      <script type="text/javascript">
   2:          $(function() {
   3:              $('#btn').click(function() {
   4:                  var isChecked = $('#cbx').attr('checked');
   5:                  alert(isChecked);
   6:              });
   7:          });
   8:      </script>


無論是否勾選,都返回undefined: 
1

 

□ 方法二:prop('checked')返回true或false,可使用

   1:          $(function() {
   2:              $('#btn').click(function() {
   3:                  var isChecked = $('#cbx').prop('checked');
   4:                  alert(isChecked);
   5:              });
   6:          });


勾選,返回true: 
2

 

不勾選,返回false: 
3

 

□ 方法三:is(':checked')返回true或false,可使用

   1:          $(function() {
   2:              $('#btn').click(function() {
   3:                  var isChecked = $('#cbx').is(':checked');
   4:                  alert(isChecked);
   5:              });
   6:          });

效果同方法二。


□ 遍歷所有勾選復選框

$('input[type='checkbox']:checked').each(function(){
    //TODO:
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM