Question

我有2个收音机按钮Billable＆＃34; Y＆＃34; ＆安培;可结算＆＃34; N＆＃34;。它们连接到价值数据库＆＃34; Y＆＃34;或＆＃34; N＆＃34;。

如果Radio =＆＃34; Y＆＃34;然后需要禁用TextBox NonBillableReason。

如果Radio =＆＃34; N＆＃34;然后需要禁用TextBox NonBillableReason。

js。我在页面加载时工作正常我得到了正确的行为取决于无线电值＆＃34; Y＆＃34;或＆＃34; N＆＃34;。问题是我似乎无法单击单选按钮并更改禁用，true（或）禁用，false。

<label><span>YES</span>@Html.RadioButtonFor(model => model.Billable, "Y")   </label>
<label><span>NO</span>@Html.RadioButtonFor(model => model.Billable, "N")

@Html.TextBoxFor(model => model.NonBillableReason,new {@class = "form-control", @placeholder = "NOT BILLABLE BECAUS..."})

<script>
    $(document).ready(function () {

    if ($("#Billable:checked").val() == "Y") {
        $("#NonBillableReason").attr("disabled", true);
    }

    if ($("#Billable:checked").val() == "N") {
        $("#NonBillableReason").attr("disabled", false);
    }
});
</script>

Answer 1

由于您使用的是jQuery，您可以在单选按钮上添加change事件，然后在此之后更改禁用NonBillableReason元素：

function validate() {
    if ($("#Billable:checked").val() == "Y") {
        $("#NonBillableReason").attr("disabled", true);
    }

    if ($("#Billable:checked").val() == "N") {
        $("#NonBillableReason").attr("disabled", false);
    }
}
$(document).ready(function () {
    validate();
    $('input').change(validate);
});

Answer 2

试

 if($('#radio_button').is(':checked')) 
{ 
 $("#NonBillableReason").attr("disabled", true); 
 }
else 
{
   $("#NonBillableReason").attr("disabled", false); 
}

单选按钮禁用Html.textbox

2 个答案: