zoukankan      html  css  js  c++  java
  • jQuery判断复选框是否被选中的3种方式

    页面部分:

        <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:
    });
  • 相关阅读:
    linux下syscall函数 间接系统调用
    多线程 概述
    linux 信号与多线程
    linux ps命令介绍
    终端 进程关系
    shell 前台进程组的选择
    try catch finally的执行顺序到底是怎样的?
    OpenCV中遇到Microsoft C++ 异常 cv::Exception
    hdu1087Super Jumping! Jumping! Jumping!(最大递增序列和)
    [置顶] java Gui 键盘监听事件
  • 原文地址:https://www.cnblogs.com/darrenji/p/3627418.html
Copyright © 2011-2022 走看看