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

Toggle Show and Enable Textfiled When Certain Radio Button is Selected

本文关键字：显示 启用 文本 字段 单选按钮 选择      更新时间：2023-09-26

我希望每次选择"其他"单选按钮时都能显示和启用一个输入字段（最初是隐藏和禁用的），当然，当选择不同的单选按钮时也会隐藏和禁用。我已经得到了这个脚本来适当地显示和隐藏文本字段，但我想知道如何使用它来启用和禁用

$('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

$('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);
    }
});

您想要使用$（this）.attr（）函数来设置HTML元素的属性。有了一个参数，它将读取传递的参数，有了两个参数，就会设置它

类似于$（this）.attr（"enabled"，true）

您可以使用"点击"方法

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

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

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