`
jackroomage
  • 浏览: 1199632 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

jquery 1.9版本下复选框 全选 及 取值操作

阅读更多

<!DOCTYPE Html>
<html>
    <head>
        <script type="text/javascript" src="c:/jquery.js"></script>
        <script type="text/javascript">
            function selectAll(checkbox) {
               //1、 1.9以前的方法
               // $('input[type=checkbox]').prop('checked', $(checkbox).prop('checked'));
               //2.以下代码，官方代码 
                  $("input[name='chk_list']").prop("checked", function(i, val) { 
                        return !val; 
                  }); 
              }
                
             $(function(){     
                   $("input[type=checkbox]").click(function(){
                      var str = "";
                      $("input:checkbox:checked").each(function() {
                         str+=$(this).val();
                       });
                      //alert(str);
                       $("#inputCheckboxId").val(str);
                   });
             });
        </script>
    </head>
    <body>
        <input type="checkbox" onclick="selectAll(this);" value=""/>全选<br/>
        <input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br />
        <input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br />
        <input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br />
        <input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br />
        <input id="inputCheckboxId" /><br />
    </body>
</html>

分享到：
| 匹配数字或包含最多两位小数的数字
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics