java面试题网

普通会员

483

帖子

9

回复

187

积分

楼主
发表于 2019-06-21 18:53:06 | 查看: 5037| 回复: 0

checkbox 选中事件 单个和多个checkbox选中事件

checkbox 选中事件 单个和多个checkbox选中事件
如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr
html:
<input type="checkbox" name="check" id="check" checked="checked" value="Daily" />
<input type="checkbox" name="check" checked="checked" value="Daily" />

1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase
var aaa = $("#check").prop("checked");
if(aaa){
alert("选中");
};

2.直接调用checked属性,不过如果获取的结果是一个checkbox,则要加上.checked前加上.get(0)或者[0]才行,多个checkbox则不用。因为你用$选择出来的结果其实是个数组的形式,就算一个也是数组,你得用[]来取第几个的值。
var aaa = $("#check").get(0).checked;
if(aaa){
alert("选中");
};

3、获取多个checkbox的值
var groupCheckbox=$("input[name='check']");
for(i=0;i<groupCheckbox.length;i++){
if(groupCheckbox[i].checked){
var val =groupCheckbox[i].value;
alert(val );
}
}
设置选中radio
$('#infType1').prop("checked","checked");
//或者
$("input[type=radio][name=infType][value=1]").prop("checked",'checked');

说明:
如果使用attr方法获取时:
1、如果当前input中初始化未定义checked属性,则不管当前是否中,$(“#check”).attr(“checked”)都会返回undefined;
2、如果当前input中初始化已定义checked属性,则不管是否选中,$(“#selectAll”).attr(“checked”)都会返回checked.

多个checkbox的点击事件
$(function(){
var s = $("input[name='check']");
s.each(function(i) {
$(this).click(function(){
if(this.checked==true){
alert(this.value);
}
});
});
})


文章来自www.wityx.com,转载请注明出处!原文地址http://www.wityx.com/post/825_1_1.html

checkbox 选中事件 单个和多个checkbox选中事件 相关帖子

您需要登录后才可以回帖 登录 | 立即注册

java面试题网www.wuliaokankan.cnjava建站系统提供技术支持V2.1 网站地图 © 2016-2018