checkbox实现单选多选
前台html:
单选: <input type="checkbox" name="isChk" value="22" />
全选:<input id="allChk" type="checkbox" name="allChkBox" />
js代码:
//checkbox 选中
$(document).ready(function() {
$(":checkbox[name='isChk']").click(function() {
if (this.checked) { //选择
if ($("input:checked[name='isChk']").length == $(":checkbox[name='isChk']").length) {
$('#allChk')[0].checked = true;
}
}
else {
$('#allChk')[0].checked = false;
}
})
$('#allChk').click(function() {
var e = $('#allChk')[0].checked;
$(":checkbox[name='isChk']").each(function() {
this.checked = e;
});
})
});
var v = "";
$("input:checked[name='isChk']").each(function() {
v += this.value + ",";
});
if ($.trim(v) == "") {
alert("请选择需要购买的商品");
return;
}
作者:PEPE
出处:http://pepe.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。