如何检查复选框数组中的复选框是否使用jquery进行检查
我有一个带有一列文本框( 里程 )的html表格,当页面加载时,它们全部被禁用,并且当用户点击复选框时,需要启用该列的文本框并成为必需字段,然后如果用户取消选中该复选框,则必须禁用该行上的文本框,并删除所需的类。
当用户点击相应的复选框时,我已经有了启用和禁用文本框(列里程 )的功能,但它是用javascript编写的。但是,由于某种原因它只能在IE中使用)。
这里是html代码
<tbody>
<c:forEach items="${list}" var="item">
<tr>
<td align="center">
<input type="checkbox" name="selectItems" value="<c:out value="${item.numberPlate}"/>" onchange="enableTextField(this)" />
</td>
<td align="left"><c:out value="${item.numberPlate}"/></td>
<td align="left"><c:out value="${item.driver.fullName}"/></td>
<td align="left"><input type="text" name="mileage_<c:out value="${item.numberPlate}"/>" value="" disabled="true"/></td>
</tr>
</c:forEach>
</tbody>
和JavaScript代码:
function enableTextField(r)
{ var node = r.parentNode;
while( node && node.tagName !== 'TR' ) {
node = node.parentNode;
}
var i=node.rowIndex;
if(document.form1.selectItems[i-1].checked)
{
document.getElementById('mileage_' + document.form1.selectItems[i-1].value).disabled=false;
}
else
{
document.getElementById('mileage_' + document.form1.selectItems[i-1].value).value="";
document.getElementById('mileage_' + document.form1.selectItems[i-1].value).disabled=true;
}
}
现在,我知道为了添加或删除动态验证规则,我必须使用:addClass('required'); removeClass('required'),但我不知道如何检测是否选中了复选框,并基于该复选框启用或禁用该行的文本框。
我真的希望你能帮我解决这个问题。
把它放在<head>
或者包含在<head>
中的.js
文件中。
$(document).ready(function() {
$("input[name=selectItems]").change(function() {
$(this).closest("tr").find("input[name^=mileage]").attr("disabled", !this.checked);
});
});
这里有一个现场演示。
要检查复选框是否被检查或不在jquery中,你会做$('#CHECKBOX_ID').is(':checked')
,它将返回一个布尔值,你可以在if语句中使用
添加一个id到复选框,通过id调用复选框,然后检查复选框的布尔值。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<input id="sam" type="checkbox" name="vehicle" value="Bike" />
</body>
</html>
这将返回true / false
$('#sam').is(':checked')
链接地址: http://www.djcxy.com/p/4053.html
上一篇: How to check if a checkbox in a checkbox array is checked with jquery