Jquery系列:checkbox 获取值、选中、设置值、事件监听等操作

<div id="divId" class="divTable"><div class="tableBody"><ul ><li ><input type="checkbox" value="1" >选项1</li></ul></div>
</div>

1.获取选中值

$("input[type='checkbox']").attr('value');//返回结果：1

2.是否选中

$("input[type='checkbox']").attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
$("input[type='checkbox']").prop('checked'); //16+:true/false
$("input[type='checkbox']").is(':checked'); //所有版本:true/false

补充获取checkbox的checked的方法

$("input[type='checkbox']").is(':checked')
$("#check_box").get(0).checked
$("#check_box").prop("checked")

$("#check_box").attr("checked")

document.getElementById("check_box").checked

3.设置值

所有的jquery版本都可以这样赋值:

　　$("#cb1").attr("checked","checked");$("#cb1").attr("checked",true);

jquery1.6+:prop的4种赋值:

　　$("#cb1″).prop("checked","checked");$("#cb1″).prop("checked",true);//很简单就不说了哦$("#cb1″).prop({checked:true}); //map键值对$("#cb1″).prop("checked",function(){return true;//函数返回true或false});

4.选中事件监听

$("#ischange").change(function() { alert("checked");
});

转载于:https://www.cnblogs.com/gsyun/p/6972674.html

Jquery系列:checkbox 获取值、选中、设置值、事件监听等操作相关推荐

springboot 获取bean_SpringBoot高级(自动配置事件监听监控)
SpringBoot自动配置 condition-1 Condition是Spring4.0后引入的条件化配置接口,通过实现Condition接口可以完成有条件的加载相应的Bean @Conditio ...
jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
jquery获取select选中的值
误区: 一直以为jquery获取select中option被选中的文本值,是这样写的: $("#id").text(); //获取所有option的文本值实际上应该这样: ...
javascript jquery 获取select选中的值
误区: 一直以为jquery获取select中option被选中的文本值,是这样写的: $("#id").text(); //获取所有option的文本值实际上应该这样: $( ...
DWZ-JUI 树形Checkbox组件无法一次获取所有选中的值的解决方法
UI中 tree Checkbox 组件在官方文档中提供的oncheck事件中只能够获取当前点击的权限值,而无法获取其他选中的值 <ul class="tree treeFolder ...
通过jQuery获取Select选中的值或文本
如何使用jQuery获取Select元素选中的值或文本呢?本篇文章给出相应的解决方法目录第一步.引入jQuery 第二步.编写一个Select案例第三步.编写获取select选中的值或文本第四 ...
【jquery】jquery-icheck radio的点击事件、change事件、获取当前选中的值
前言使用ichick,获取当前选中,以及change事件的触发,或者说是点击事件参考:https://www.cnblogs.com/xp796/p/5508145.html // 方法名称:获取 ...
获取RadioButton选中的值
1.RadioButtonList的RepeatDirection="Horizontal"可以设置按扭选项横对齐: 2.获取选中的RadioButton值; $("#& ...
复选框全选以及获取所有选中的值
复选框全选以及获取所有选中的值总结一下 jsp中获取数据 <%Map<String,List> map = (Map<String,List>)Function ...

Jquery系列:checkbox 获取值、选中、设置值、事件监听等操作

Jquery系列:checkbox 获取值、选中、设置值、事件监听等操作相关推荐

最新文章

热门文章