不要用id选择器,因为每个元素id都是唯一的。
<script>
$(function () {
$('.checkall').change(function () {
var str = $(this).prop('checked');
$('.shopcheckbox,.checkall').prop('checked', str)
});
或者:
$('[id=checkall]').change(function () {
var str = $(this).prop('checked');
$('.shopcheckbox,.checkall').prop('checked', str)
//$(this).parent().siblings('.all').children().prop('checked', str);
});
})
</script>
</head>
<body>
<div index='test' data-index="h5"></div>
<div class="box">
<div class="all"><input type="checkbox" id="checkall" class="checkall"> 全选商品</div>
<ul>
<li>
<input type="checkbox" class="shopcheckbox"> 商品
</li>
<li>
<input type="checkbox" class="shopcheckbox"> 商品
</li>
<li>
<input type="checkbox" class="shopcheckbox"> 商品
</li>
<li>
<input type="checkbox" class="shopcheckbox"> 商品
</li>
<li>
<input type="checkbox" class="shopcheckbox"> 商品
</li>
</ul>
<div class="all"><input type="checkbox" id="checkall" class="checkall"> 全选商品</div>
</div>
|