Javascript 选择特定单选按钮时切换显示和启用文本字段

我希望能够有一个输入字段最初隐藏和禁用显示和启用，每次选择其他单选按钮，并确保隐藏和禁用时，选择不同的单选按钮。我已经让这个脚本适当地显示和隐藏文本字段，但我想知道如何启用和禁用它

$('input[name="x_description"]').bind('change',function(){
    var showOrHide = ($(this).val() == "Other") ? true : false;
    $('#other_program_text').toggle(showOrHide);  
});

我知道这是如何显示字段和启用文本字段的，但我不知道如何将它们放在一起

$(this).show().prop('disabled', false);

提前感谢,，

---

Dan

您想使用$this.attr函数设置HTML元素的属性。使用一个参数读取传递的参数，使用两个参数进行设置

---

与$this.attrenabled类似，true

您可以使用click方法

 $('input[name="x_description"]').click(function() {
       if($('#radio_button').is(':checked')) { 
           alert("it's checked"); //do your stuff
        }
 });

如果您的内容是动态生成的，则使用live方法

 $('input[name="x_description"]').live('click',function() {
           if($('#radio_button').is(':checked')) { 
               alert("it's checked"); //do your stuff
            }
 });

---

为什么需要禁用隐藏输入？这样它就不会随表单一起提交。您好，这个解决方案似乎更接近。除了有点像马车。似乎当我选择另一个单选按钮并启用文本字段时。我只需单击页面上的任何其他位置，然后它就会再次禁用文本字段。只有当我选择其他单选按钮时，它才应该这样做。有什么想法或解决办法吗？实际上，这个解决方案是有效的。我的代码有一个错误。非常感谢！

$('input[name="x_description"]').bind('change',function(){
    if ( showOrHide == true ) {
        $('#other_program_text').show().prop('disabled',false);
    } else if ( showOrHide == false ) {
        $('#other_program_text').hide().prop('disabled',true);
    }
});