jquery - 使用 jquery 通过单选按钮切换禁用状态

Question

我想切换两个单选按钮并根据选择的单选按钮选择字段。我可以使用 jQuery，但想知道是否有办法使其更高效。对于我想要实现的简单目标来说，似乎有相当多的行。以下是要求:当页面加载时，#aircraftType 应该被选中，#aircraftModelSelect 应该变灰(现在，“checked”被 Firefox 忽略)。如果用户单击#aircraftType 或#aircraftModel，则相反的选择字段应被禁用(如果选中#aircraftModel，则应禁用#aircraftTypeSelect，反之亦然)。感谢任何有关优化此代码的帮助。

代码也在 jsfiddle 上:http://jsfiddle.net/JuRKn/

    $("#aircraftType").attr("checked");
    $("#aircraftModel").removeAttr("checked");
    $("#aircraftModelSelect").attr("disabled","disabled").addClass("disabled");
    $("#aircraftType").click(function(){
      $("#aircraftModelSelect").attr("disabled","disabled").addClass("disabled");
      $("#aircraftTypeSelect").removeAttr("disabled").removeClass("disabled");
    });
    $("#aircraftModel").click(function(){
      $("#aircraftTypeSelect").attr("disabled","disabled").addClass("disabled");
      $("#aircraftModelSelect").removeAttr("disabled").removeClass("disabled");
    });

HTML

<div class="aircraftType">
  <input type="radio" id="aircraftType" name="aircraft" checked />
  <label for="aircraftType">Aircraft Type</label>
  <select size="6" multiple="multiple" id="aircraftTypeSelect" name="aircraftType">
    <option value="">Light Jet</option>
    <option value="">Mid-Size Jet</option>
    <option value="">Super-Mid Jet</option>
    <option value="">Heavy Jet</option>
    <option value="">Turbo-Prop</option>
  </select>
</div>
<div class="aircraftModel">
  <input type="radio" id="aircraftModel" name="aircraft" />
  <label for="aircraftModel">Aircraft Model</label>
  <select size="6" multiple="multiple" id="aircraftModelSelect" name="aircraftModel">
    <option value="">Astra SP</option>
    <option value="">Beechjet 400</option>
    <option value="">Beechjet 400A</option>
    <option value="">Challenger 300</option>
    <option value="">Challenger 600</option>
    <option value="">Challenger 603</option>
    <option value="">Challenger 604</option>
    <option value="">Challenger 605</option>
    <option value="">Citation Bravo</option>
  </select>
</div>

Answer 1

@Jim H. 是的，这是真的，但他也可以用 javascript 做到这一点...

第一个问题是你没有设置 check 某些东西(就像上面所说的 Jim H.)

第二个问题是，在将同名元素添加到另一个元素后，您删除了从该元素检查的属性(这也会删除第一个元素上的属性)

$("#aircraftModel").removeAttr("checked"); //place this first
$("#aircraftType").attr("checked", "checked"); //and then this

Look here