Question

如果未选中prov单选按钮，我想禁用下拉列表。我只想在选择prov时启用它。

我创建了它的演示，但它不起作用，我不知道为什么。

HTML

<td colspan="4">
    <input type="radio" name="editList" id="prov"value="Prov">Prov
    <input type="radio" name="editList" id ="user"value="User">User
    <input type="radio" name="editList" id="suc "value="Suc">Suc
<select id="cuadrilla" class="form-control select2 select2-accessible" aria-hidden="true">
<option value="1 Year" selected="selected">1 Year</option>
<option value="2 Years">2 Years</option>
<option value="3 Years">3 Years</option>
</select>                  
</td>

JS

$('input:radio[name="editList"]').change(function () {
            if ($(this).val() == prov) {
                $('#cuadrilla').attr('disabled', true);
            } else
                $('#cuadrilla').removeAttr('disabled');
        });

JsFiddle

Answer 1

使用If / Else块在代码中出现一些语法错误。此外，您正在引用ID＆＃34; prov＆＃34;单选按钮，而不是值Proveedor

＆＃13;

$(document).ready(function() {

  $('input:radio[name="editList"]').click(function() {
    if ($(this).val() == "Proveedor") {
      $('#cuadrilla').attr('disabled', true);
    } else {
      $('#cuadrilla').attr('disabled', false);
    }
  });
  
  $('input:radio[name="editList"]')[0].click();

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<input type="radio" name="editList" id="prov" value="Proveedor" />Proveedor
<input type="radio" name="editList" id="user" value="Usuario" />Usuario
<input type="radio" name="editList" id="suc " value="Sucursal" />Sucursal
<select id="cuadrilla" class="form-control select2 select2-accessible" aria-hidden="true">
<option value="1 Year" selected="selected">1 Year</option>
<option value="2 Years">2 Years</option>
<option value="3 Years">3 Years</option>
</select>

＆＃13;

Answer 2

您需要使用＆＃39; Prov＆＃39;：

的引号

 $('input:radio[name="editList"]').change(function () {
            if ($(this).val() == 'Prov') {
                $('#cuadrilla').attr('disabled', true);
            } else
                $('#cuadrilla').removeAttr('disabled');
        });

根据单选按钮禁用下拉列表

2 个答案: