gpt4 book ai didi

jquery - 如何使用 jquery 检查复选框数组中的复选框是否被选中

转载 作者:太空狗 更新时间:2023-10-29 13:50:46 32 4
gpt4 key购买 nike

我有一个带有一列文本框(里程)的 html 表格,当页面加载时所有这些都被禁用,当用户点击一个复选框时,我需要它,文本框对于该列应该启用并成为必填字段,然后如果用户取消选中该复选框,则必须禁用该行上的文本框并删除所需的类。 alt text

我已经有当用户点击相应的复选框时启用和禁用文本框(列里程)的功能,但它是用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'); o removeClass('required') ,但我不知道如何检测复选框是否被选中,并基于此,启用或禁用该行的文本框。

我真的希望你能帮我解决这个问题。

最佳答案

将其放入 <head>或者在 .js <head> 中包含的文件.

$(document).ready(function() {
$("input[name=selectItems]").change(function() {
$(this).closest("tr").find("input[name^=mileage]").attr("disabled", !this.checked);
});
});

Here's a live demo .

关于jquery - 如何使用 jquery 检查复选框数组中的复选框是否被选中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4528399/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com