jQuery 复选框 checkbox 取值和赋值

简介: jQuery 复选框 checkbox 取值和赋值


  • 单个checkbox
$("input:checkbox:checked").val() 
// 或者 
$("input:[type='checkbox']:checked").val(); 
// 或者 
$("input:[name='ck']:checked").val()
  • 多个checkbox
//$('input:checkbox').each(function() { 
$("input:checkbox:checked").each(function() { 
    if ($(this).attr('checked') ==true) { 
        alert($(this).val()); 
    } 
});
// 设置第一个checkbox 为选中值:
$('input:checkbox:first').attr("checked",'checked'); 
// 或者 
$('input:checkbox').eq(0).attr("checked",'true'); 
// 设置最后一个checkbox为选中值:
$('input:radio:last').attr('checked', 'checked'); 
// 或者 
$('input:radio:last').attr('checked', 'true');
// 根据索引值设置任意一个checkbox为选中值:
$('input:checkbox).eq(索引值).attr('checked', 'true'); // 索引值=0,1,2.... 
// 或者 
$('input:radio').slice(1,2).attr('checked', 'true'); 
// 选中多个checkbox: 同时选中第1个和第2个的checkbox:
$('input:radio').slice(0,2).attr('checked','true'); 
// 根据Value值设置checkbox为选中值:
$("input:checkbox[value='1']").attr('checked','true');
// 删除Value=1的checkbox:
$("input:checkbox[value='1']").remove();
// 删除第几个checkbox:
$("input:checkbox").eq(索引值).remove(); //索引值=0,1,2.... 
// 如删除第3个checkbox: 
$("input:checkbox").eq(2).remove();
// 遍历checkbox:
$('input:checkbox').each(function (index, domEle) { 
// 写入代码 
});
// 全部选中
$('input:checkbox').each(function() { 
    $(this).attr('checked', true); 
});
// 全部取消选择:
$('input:checkbox').each(function () { 
    $(this).attr('checked',false); 
});
// 给 checked 赋值:
$("#cb1").attr("checked","checked");
$("#cb1").attr("checked",true);


相关文章
|
JavaScript
jQuery如何验证复选框是否选中
jQuery如何验证复选框是否选中
97 0
|
JavaScript 前端开发
jquery怎么给循环出来的列表(类似于text框)取值和赋值
jquery怎么给循环出来的列表(类似于text框)取值和赋值
86 0
jquery怎么给循环出来的列表(类似于text框)取值和赋值
|
JavaScript
jQuery数据结构渲染(4):复选框checkbox赋值
jQuery数据结构渲染(4):复选框checkbox赋值
113 1
|
JSON JavaScript 数据格式
jQuery数据结构渲染(3):文本和input/textarea框赋值
jQuery数据结构渲染(3):文本和input/textarea框赋值
94 1
|
JavaScript
jQuery取消checkbox选中状态
jQuery取消checkbox选中状态
100 0
|
JavaScript
jquery 使用attr方法对checkBox进行全选和反选操作
一次点击按钮进行全选的时候,checkbox全部选中;再次点击的时候,checkbox取消选中。 第二次,第三次,之后再点击,没有效果,代码也执行。checkbox的checked属性也改变,但是checkbox就是没有 被选中。问题解决办法是把红色部分中的attr方法修改
242 0
|
JavaScript 前端开发 移动开发
jquery 对checkbox的操作
昨天群里一个朋友 问了一些关于jquery 操作checkbox的问题,今天写了一个小小的例子,供大家参考 例子里面包括了一下几个功能。                 代码       New Document           ...
884 0
|
6月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
6月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
6月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件