javascript - JS 按类型和名称选择输入

标签 javascript jquery checkbox

我有这个 HTML 标记:

<input type="text" name="name1" class="stat" value="">
<input type="checkbox" name="name1" value="">

<input type="text" name="name2" class="stat" value="">
<input type="checkbox" name="name2" value="">

<input type="text" name="namei" class="stat" value="">
<input type="checkbox" name="namei" value="">

where i = 1,2,3, ... n

问:如何选择 name2 的复选框?

这是正确的方法吗?

$('input[name="name2"]').find('input[type="checkbox"]').attr("disabled");

最佳答案

您可以同时使用多个属性选择器。您的 find 将不起作用,因为 checkbox 是文本 input 的同级,而不是子级。试试这个:

$('input[name="name2"][type="checkbox"]').prop("disabled");

请注意,这会导致性能非常慢。更好的解决方案是在复选框本身上使用 classid 属性并据此进行选择。另外,您应该使用 prop 来检索元素的属性。

最后,如果要设置 disabled 属性,则需要向 prop 方法提供第二个参数:

$('input[name="name2"][type="checkbox"]').prop("disabled", true); // disables the element

关于javascript - JS 按类型和名称选择输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20652273/

相关文章:

javascript - Angular 选项卡选择打开新页面而不是在同一页面中打开

jquery - 删除了宽度样式,仍然没有改变。查询?

javascript - 当父 div 具有 onclick 处理程序时,如何在动态添加的输入框中选择文本?

javascript - FF 中的表结构与 jQuery 的关系不正确

javascript - 从浏览器访问 ArangoDB 数据

Angular - 如何使用响应式(Reactive)表单动态默认选中复选框

php - CodeIgniter日历: storing and updating checkbox values per day

javascript - 如何访问 Ajax 调用中的变量集

javascript - 使用 jQuery 管理 HTML 列表项

asp.net - 在 TreeView asp.net 中使用复选框