Javascript 启用/禁用选择/下拉菜单和选择下拉菜单上的单选按钮？

我正在尝试启用/禁用单选按钮，并在选择的下拉菜单上选择/下拉菜单

例如：如果选择了persons，则必须使用name=PersonAnthony和Paul以及person下拉列表进行选择，并且必须禁用Rest

        <select class="browser-default" id="type" name="type">
        <option value="persons">persons</option>
        <option value="animals">animals</option>
        <option value="fruits">fruits</option>
        </select>

        <br/>

        <label><input type="radio" name="fruits" value="apple" id="apple" title="">Apple</label>
        <br/>
        <label><input type="radio" name="fruits" value="banana" id="banana" title="">Banana</label>
        <br/>

        <label><input type="radio" name="animals" value="dog" id="dog" title="">Dog</label>
        <br/>
        <label><input type="radio" name="animals" value="cat" id="cat" title="">Cat</label>
        <br/>


        <label><input type="radio" name="persons" value="anthony" id="anthony" title="">Anthony</label>
        <br/>
        <label><input type="radio" name="persons" value="paul" id="paul" title="">Paul</label>
        <br/>

        <select class="browser-default" id="persons1" name="persons">
        <option value="1">Person Dropdown</option>
        </select>
        <br/> 

        <select class="browser-default" id="animals1" name="animals">
        <option value="1">Animals Dropdown</option>
        </select>
        <br/> 

        <select class="browser-default" id="fruits1" name="fruits">
        <option value="1">Fruits Dropdown</option>
        </select>
        <br/> 

---

您可以循环浏览所有具有相同名称并启用该单选按钮的单选按钮。此外，要启用选择框，请使用$select[name='+$this.val+'].propdisabled，false

演示代码：

$document.readyfunction{ $type.changefunction{ //禁用其他选择 $'select:nottype'.propdisabled，true； $input.propchecked，false； $input.prop'disabled'，false； $input[type='radio'].propdisabled，true； //通过所有输入循环 $input[name='+$this.val+'].eachfunction{ $this.propdisabled，false；//删除禁用 } //从slect中删除禁用项 $select[name='+$this.val+'].propdisabled，false； }.触发变化； } 人 动物 果实 苹果 香蕉 狗 猫 安东尼 保罗 人员下拉列表 动物下拉列表 水果下拉列表

---

您可以循环浏览所有具有相同名称并启用该单选按钮的单选按钮。此外，要启用选择框，请使用$select[name='+$this.val+'].propdisabled，false

演示代码：

$document.readyfunction{ $type.changefunction{ //禁用其他选择 $'select:nottype'.propdisabled，true； $input.propchecked，false； $input.prop'disabled'，false； $input[type='radio'].propdisabled，true； //通过所有输入循环 $input[name='+$this.val+'].eachfunction{ $this.propdisabled，false；//删除禁用 } //从slect中删除禁用项 $select[name='+$this.val+'].propdisabled，false； }.触发变化； } 人 动物 果实 苹果 香蕉 狗 猫 安东尼 保罗 人员下拉列表 动物下拉列表 水果下拉列表 功能已禁用{ $'input[name=fruits]，input[name=animals]，input[name=fruits]，select[name=persons]，select[name=animals]，select[name=fruits]”。prop'disabled'，true； } 残疾人； $'.browser default'。在“更改”上，函数{ var type=$this.val； 残疾人； $'input[name='+type+']，选择[name='+type+']'。prop'disabled'，false； }.触发“chnage”； 人 动物 果实 苹果 香蕉 狗 猫 安东尼 保罗 人员下拉列表 动物下拉列表 水果下拉列表 功能已禁用{ $'input[name=fruits]，input[name=animals]，input[name=fruits]，select[name=persons]，select[name=animals]，select[name=fruits]”。prop'disabled'，true； } 残疾人； $'.browser default'。在“更改”上，函数{ var type=$this.val； 残疾人； $'input[name='+type+']，选择[name='+type+']'。prop'disabled'，false； }.触发“chnage”； 人 动物 果实 苹果 香蕉 狗 猫 安东尼 保罗 人员下拉列表 动物下拉列表 水果下拉列表

    $(document).ready(function() {
    $("select").change(function() {
        $("input").prop("checked", false);
        $("input").prop('disabled', false);
        $("input[type='radio']").prop("disabled", true);
        $("input[name='" + $(this).val() + "']").prop("disabled", false);
    }).trigger("change");
    })