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);
相关文章推荐
- 深入分析jQuery的ready函数是如何工作的(工作原理)
- 【jQuery】html()和text()的区别
- 【jQuery】使用attr()方法控制元素的属性
- 【元素的查找】js和jquery方法查找dom元素
- jQuery validate基本原则
- 高效的jquery数字滚动特效
- jQuery 选择器总结
- 基于jquery实现省市联动特效
- jQuery全屏滚动插件fullPage.js API
- jQuery/javaScript学习中遇到的问题记录
- jQuery detach()
- jQuery detach()
- 【jQuery】:selected选中状态选择器
- 【jQuery】:checked选中状态选择器
- 【jQuery】:button表单按钮选择器
- 【jQuery】:image图像域选择器
- 【jQuery】:submit提交按钮选择器
- 【jQuery】:checkbox复选框选择器
- 【jQuery】:radio单选按钮选择器
- 【jQuery】:password表单密码选择器