1. 获取单个checkbox选中项(三种写法):
1. $("input:checkbox:checked").val()
- 或者
1. $("input:[type='checkbox']:checked").val();
- 或者
4. $("input:[name='ck']:checked").val();
2. 获取多个checkbox选中项:
1. $('input:checkbox').each(function() {
2. if ($(this).prop('checked') ==true) {
3. alert($(this).val());
4. }
5. });
3. 设置第一个checkbox 为选中值:
1. $('input:checkbox:first').prop("checked",'checked');
- 或者
2. $('input:checkbox').eq(0).prop("checked",'true');
4. 设置最后一个checkbox为选中值:
1. $('input:radio:last').prop('checked', 'checked');
- 或者
2. $('input:radio:last').prop('checked', 'true');
5. 根据索引值设置任意一个checkbox为选中值:
1. $('input:checkbox).eq(索引值).prop('checked', 'true');索引值=0,1,2....
- 或者
2. $('input:radio').slice(1,2).prop('checked', 'true');
6. 选中多个checkbox:
同时选中第1个和第2个的checkbox:
1. $('input:radio').slice(0,2).prop('checked','true');
7. 根据Value值设置checkbox为选中值:
1. $("input:checkbox[value='1']").prop('checked','true');
8. 删除Value=1的checkbox:
1. $("input:checkbox[value='1']").remove();
9. 删除第几个checkbox:
- $("input:checkbox").eq(索引值).remove();索引值=0,1,2....
- 如删除第3个checkbox:
2. $("input:checkbox").eq(2).remove();
遍历checkbox:
1. $('input:checkbox').each(function (index, domEle) {
2. //写入代码
3. });
11.全部选中
1. $('input:checkbox').each(function() {
2. $(this).prop('checked', true);
3. });
12.全部取消选择:
1. $('input:checkbox').each(function () {
2. $(this).prop('checked',false);
3. });
Jquery通过遍历数组给checkbox赋默认值
需求:有一个数组:(北京菜,粤菜),checkbox如下:
现在想通过遍历这个数组,使数组里包含的值,在checkbox选中
代码:
var flavors = new Array([北京菜 , 粤菜]);
$.each(flavors,function(i,item){
$("input:[name='checkboxFlavor'][value="+item+"]").prop("checked","checked");
});