您的位置:首页 > Web前端 > JQuery

jquery checkbox操作

2015-12-17 10:56 701 查看
var cb = $("input:checkbox[name='cbgw-xz'][value='" + gwid + "']");
var chk = cb.is(':checked');
console.log(chk);
if (chk == true) {
cb.prop('checked', false);
}
else {
cb.prop('checked', true);
}
console.log(cb.is(':checked'));


判断是否选中:

cb.is(':checked')


设置选中/取消选中

if (chk == true) {
cb.prop('checked', false);
}
else {
cb.prop('checked', true);
}


批量设置checkbox状态:

function checkallcheckbox(cbname, cbchecked) {
$("input:checkbox[name='" + cbname + "']").each(function () {
$(this).prop('checked', cbchecked);
});
}


使用:

checkallcheckbox('cbgw-xz', true);


取得checkbox组的值:

function getcheckboxvalues(cbname) {
var str = "";
$("input[name^='" + cbname + "']").each(function () {
if (this.checked) {
str += $(this).val() + ",";
}
});
if (str.length > 0) {
str = str.substring(0, str.length - 1);
}
return str;
}


使用:

var bkgw = getcheckboxvalues('cbgw-xz');


设置checkbox组的选中状态:

//设置checkbox组的选中状态,依据是传入值 (示例:'1,2,3')
function setcheckboxcheck(cbname, array) {
var tj = array.split(',');
$("input[name^='"+cbname+"']").each(function () {
if (tj.indexOf(this.value) >= 0) {
this.checked = true;
}
});
}


使用:

var tjs = '4,34';
setcheckboxcheck('cbgw-xz', tjs);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: