Jquery - 基于Checkbox禁用INPUT

时间:2015-03-06 09:19:35

标签: jquery checkbox input toggle

我的表单有很多复选框和输入字段。 每对'复选框&输入具有相同的名称,但复选框名称的前缀为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">

我试图找出如何在输入字段中禁用并将其设置为“禁用”的地方。当关联的复选框是票证时。

如果它未被取消,则休息该字段及其占位符。

到目前为止,我已经:

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

}

但我现在还不确定要去哪里..

你能帮忙吗?

由于

1 个答案:

答案 0 :(得分:2)

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

<强> Demo

相关问题