本文主要介绍jQuery用来判断复选框是否被选中的三种方法。本文中的方法是用ID选择器实现的,比网上其他长文章更简洁。有需要的朋友可以参考一下。
JQuery可以大大提高html编写的效率,其中有几种复选框的选择:
1,$ (ID为$(复选框)。Prop (checked )返回布尔值类型。
2,$(这个)。is(:checked )也返回布尔值类型。
下面是一个单击复选框来修改文本框属性的示例:
!文档类型html
超文本标记语言
头
meta charset=utf-8
titleexp8_3/title
/头
身体
input type= text name= first id= first br
输入类型= text name= second id= second br
type= checkbox name= CB id= hide value= 1 span id= v 0 隐藏第三个文本框/spanbr
type= checkbox name= CB id= ml value= 2 span id= v1 加长第一个文本框/spanbr
输入类型=text name=third id=third
script type= text/JavaScript src= http://apps . BD img . com/libs/jquery/2 . 1 . 4/jquery . min . js /script
脚本类型=应用程序/javascript
var t1=$( # first );
var T2=$( #秒);
var T3=$( # third );
$(文档)。就绪(功能(e) {
T2.mousedown(函数(e){//被鼠标按下后的T2
var str=t1 . val();//获取t1的文本信息
T2 . val(str);//加载到t2中的文本
});
$(#hide )。点击(功能(e) {
//var flag=$(this)。为(:已选中);
var flag=$(this)。prop( checked );
T3 . toggle();//隐藏文本框的动态显示
if(标志)
$(#v0 )。html(显示第三个文本框);
其他
$(#v0 )。html(隐藏第三个文本框);
});
$(#ml )。点击(功能(e) {
var flag2=$(this)。prop( checked );
if(flag2){
t1.css(width , 300 px );
$(#v1 )。html(缩短第一个文本框);
}
否则{
t1.css(width , 169 px );
$(#v1 )。html(加长第一个文本框);
}
});
});
/脚本
/body
/html
js判断checkbox是否选中 .checked不管用
今天开发有个小问题,记个小本子。
document.getElementById(id )。检查
//正确
//如果返回值为真,则表示选中
//如果返回值为false,则表示未检查
document . getelementsbyclassname( class )。检查
//不能得到ture,false这样的返回值
有什么问题?让我用调试工具看看。
很明显,取id返回一个数组,取class返回一个对象数组(即使只有一个值)。
所以应该这样写。
document . getelementsbyclassname( a1 )[0]。检查
下面的方式是补充
网上大多数文章提供的方法都是无效的,杀死个人。通过一个小规模的预测试,本文中的方法是有效的。建议使用方法2:
方法一:
if ($(#checkbox-id)get(0)。已检查){
//做点什么
}
方法二:
if($(#checkbox-id )。是(:已选中){
//做点什么
}
方法三:
if ($(#checkbox-id )。attr( checked ){
//做点什么
}
本文到此为止。基本上没有问题。我希望你将来能支持我们。