使用单选按钮控制文本框(启用/禁用)-jQuery

使用单选按钮控制文本框(启用/禁用)-jQuery,jquery,textbox,radio-button,Jquery,Textbox,Radio Button,我想获得控制文本框、启用/禁用的帮助,具体取决于所选的单选按钮-jQuery将是首选 如果选择单选按钮,相关文本框将被启用-其他文本框将被禁用。所有场景都是一样的。将预先选择一个单选按钮 这是我的标记: 控制场 首先 第二 首先 这里有一个链接:我想我可能有你想要的东西。以下是jQuery: $('.RadioExample').not('.First').siblings().prop('disabled',true); $('.RadioExample').on('cli

我想获得控制文本框、启用/禁用的帮助,具体取决于所选的单选按钮-jQuery将是首选

如果选择单选按钮,相关文本框将被启用-其他文本框将被禁用。所有场景都是一样的。将预先选择一个单选按钮

这是我的标记:


控制场
首先


第二


首先




这里有一个链接:

我想我可能有你想要的东西。以下是jQuery:

$('.RadioExample').not('.First').siblings().prop('disabled',true);

$('.RadioExample').on('click',function(){
    $('.RadioExample')
        .siblings()
        .prop('disabled',true);

    $(this)
        .siblings()
        .prop('disabled',false);
});
要执行此操作,请将class
RadioExample
添加到每个单选按钮,并将
First
添加到第一个单选按钮。这将在页面加载时禁用第一个单选按钮(默认情况下选中)之后的所有同级按钮,然后在每次单击时重新显示所有按钮,并为单击的按钮启用同级按钮

还有


有两种方法可以做到这一点(另一种方法是添加或删除类),但这是首先想到的方法。

没有必要使用自定义类,您的实际标记也可以,因此,尝试一下:

$(document).ready(function() {
    $('input:radio').change(function() {
        $("#content").find("input:text").attr("disabled",true);
        if($(this).is(":checked")) 
            $(this).parent().find("input:text").attr("disabled",false);
    });
});
该功能将在收音机更改时更新输入,因此所有输入都将被禁用,然后如果实际收音机被选中,它将启用同一容器中的所有输入

看看您的JSFIDLE:

你能给我们看看你试过的一些东西吗?@Kenneth我所做的只是在fiddler里玩,没有成功。如果我有什么东西可以“工作”,我会把它贴上去。我仍然不知道我应该使用divs(id)还是childs(比如一个表标记)。好吧,与其显示一个完整的html页面,不如给我们一个具体的例子和一些你尝试过的东西(成功或失败)太棒了!谢谢你,伙计!这正是我想要做的。
$(document).ready(function() {
    $('input:radio').change(function() {
        $("#content").find("input:text").attr("disabled",true);
        if($(this).is(":checked")) 
            $(this).parent().find("input:text").attr("disabled",false);
    });
});