Jquery

Question

我的表格有很多复选框和输入字段。每个 'pair' 的复选框和输入具有相同的名称，但复选框名称以 u_

为前缀

例如：

<input type='checkbox' name='u_id'><input type="text" name="id" placeholder="ABC123">
<input type='checkbox' name='u_name'><input type="text" name="name" placeholder="Martin">

我正在尝试解决如何在输入字段中禁用并将其占位符设置为 'disabled' 当关联的复选框是票证时。

如果随后未选中，请保留该字段及其占位符。

到目前为止我有：

if ($('[name^="u_"]').is(':checked')) {

}

但我不知道现在该去哪里..

你能帮忙吗？

谢谢

Answer 1

$('[name^="u_"]').change(function(){
    if($(this).is(":checked"))
    {
        $(this).next("input").attr("disabled",true);
    }
    else
    {
        $(this).next("input").attr("disabled",false);
    }
});

Demo

Jquery - 禁用基于复选框的输入

Jquery - Disable INPUT Based on Checkbox

checkbox

input

toggle