zoukankan      html  css  js  c++  java
  • 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:
    });
  • 相关阅读:
    dir 函数
    模块的 __name__
    from..import 语句
    pass
    可变参数
    python 中的一点新知识
    Numpy中的一点小知识
    使用ipython %matplotlib inline
    numpy.random.rand
    Python:numpy中shape和reshape的用法
  • 原文地址:https://www.cnblogs.com/hy96/p/11640609.html
Copyright © 2011-2022 走看看