Javascript 启用禁用收音机选择上的选择/下拉菜单 我对JQuery很陌生，请把我当作初学者。我有一个PHP表单，其中有一个单选按钮。根据选择的收音机，我想禁用选择/下拉菜单。以下是场景：

单选按钮：每日和杂项 选择：神名

如果用户选择Misc，则应禁用Select（神名），反之亦然

我已经在我的页面上导入了JQuery

Header.php

!-- JQuery 1.12.3 JS -->
<script src="../js/jquery-1.12.3.min.js"></script>

！--JQuery 1.12.3 JS-->

HTML代码

<tr>
<td class="col-md-4"><label class="control-label">Pooja Type</label></td>
<td class="col-md-8" align="center">
<label class='radio-inline'><input type='radio' name='poojaType' value='daily' checked>Daily</label>
<label class='radio-inline'><input type='radio' name='poojaType' value='misc'>Misc</label>
</td>
</tr>
<tr>
<td class="col-md-4"><label class="control-label" for="deity">Deity Name</label></td>
<td class="col-md-8"><select class="form-control" name="deityName"> 

Pooja型
每日的
杂项
神名

---

请注意。

以下是JQuery的代码：

<script>
$(':radio[name=poojaType]').change(function () {
var prop = this.value == 'misc';
$('select[name=deityName]').prop({ disabled: prop, required: !prop });
});
</script>

$（':radio[name=poojaType]'）。更改（函数（）{
var prop=this.value=='misc'；
$（'select[name=deityName]'）.prop（{disabled:prop，required:！prop}）；
});

以下是JQuery的代码：

<script>
$(':radio[name=poojaType]').change(function () {
var prop = this.value == 'misc';
$('select[name=deityName]').prop({ disabled: prop, required: !prop });
});
</script>

$（':radio[name=poojaType]'）。更改（函数（）{
var prop=this.value=='misc'；
$（'select[name=deityName]'）.prop（{disabled:prop，required:！prop}）；
});

您只需在

单选按钮的
更改事件
上获取
选中值
，并将其设置为属性
禁用
值，如下所示


$（'input[name=“poojaType”]”）。在（'change'，function（）上{
$（'select[name=“deityName”]'）.attr（'disabled'，this.value！=“daily”）
});

Pooja型
每日的
杂项
值1
价值2
价值3
价值4
您只需在
单选按钮的
更改事件
上获取
选中值
，并将其设置为属性
禁用
值，如下所示


$（'input[name=“poojaType”]”）。在（'change'，function（）上{
$（'select[name=“deityName”]'）.attr（'disabled'，this.value！=“daily”）
});

Pooja型
每日的
杂项
值1
价值2
价值3
价值4
遵循以下代码：

假设您有两个单选按钮，如下所示：

<input type='radio' name='radios' id='rdbDaily' value='Daily' />&nbsp;Daily
<input type='radio' name='radios' id='rdbMisc' value='Misc' />&nbsp;Misc

<select id='selectordropdown'>
    <option>Deity Name</option>
</select>

或者您也可以使用以下jquery来启用/取消下拉列表：

$("#rdbDaily").click(function() {
    $("#selectordropdown").attr("disabled", false);
});

$("#rdbMisc").click(function() {
    $("#selectordropdown").attr("disabled", true);
});

请遵循以下代码：

假设您有两个单选按钮，如下所示：

<input type='radio' name='radios' id='rdbDaily' value='Daily' />&nbsp;Daily
<input type='radio' name='radios' id='rdbMisc' value='Misc' />&nbsp;Misc

<select id='selectordropdown'>
    <option>Deity Name</option>
</select>

或者您也可以使用以下jquery来启用/取消下拉列表：

$("#rdbDaily").click(function() {
    $("#selectordropdown").attr("disabled", false);
});

$("#rdbMisc").click(function() {
    $("#selectordropdown").attr("disabled", true);
});

在问题中包含输出HTML。HTML和Javascript代码在哪里？请在您的问题中包含输出HTML。您的HTML和Javascript代码在哪里？请将其添加到您的问题中。这不是答案。请将其添加到您的问题中。这不是答案。