javascript - 使用 Jquery 在单击单选按钮时禁用或启用文本输入表单

Question

我有多个文本输入，并且我向其中添加了一个名为“bankinput”的类。我有两个由 ASP.NET 帮助程序生成的单选按钮，尽管我不认为它与此有任何关系。我检查了生成的 html，它们的 id 分别为“id=”Cheque”和“id=”Draft”。为了完整起见，让我展示一下生成的 html:

<label for="Cheque"> <input checked="checked" data-val="true" data-val-
required="The Payment Mode field is required." id="Cheque" name="IsCheque" 
type="radio" value="true">Cheque</label>
<label for="Draft"><input id="Draft" name="IsCheque" type="radio" 
 value="false"> Draft </label>

我希望在单击“检查”单选框时禁用具有上述类的文本框，并在单击“草稿”时启用具有上述类的文本框。我做了一些搜索，发现一些 JS 应该可以解决这个问题:

<script type="text/javascript">  
$(document).ready(function () {

    $('#Cheque').change(function () {
        disable();
    });
    $('#Draft').change(function () {
        enable();
    });
    function disable() {
        $('.bankinput').prop('disabled', true);
    };
    function enable() {
        $('.bankinput').removeAttr('disabled');
    };

});   
</script>

问题是，它没有做任何事情。除了加载文档之外，不会发生任何事情，并且不会触发其中设置的断点。我不太擅长 JS，所以就我而言它可以是任何东西。有什么想法吗？

Answer 1

看起来像由 asp.net 帮助程序生成的按钮在脚本之后加载...

尝试这样的事情:

....
$(document).on('change', '#Cheque', function(){
     disable();
});
....