本文主要介绍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 '){
//做点什么
}
本文到此为止。基本上没有问题。我希望你将来能支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。