Javascript 如果将两个单选按钮设置为"；是的；？

以下是我在jQuery中得到的：

$(document).ready(function(){
    $("input[name='DifficultyObtainingCMELicenseRenewal']").change(function() {
      $("#DifficultyObtainingCME").toggle(this.value == "Yes");
    });
    $("input[name='DifficultyObtainingCMEBoardCertification']").change(function() {
      $("#DifficultyObtainingCME").toggle(this.value == "Yes");
    });
});

以下是HTML：

 <tr>
    <th><label>Do you have difficulty obtaining enough CME required for Iowa license renewal?</label></th>
    <td>
        <label><input type="radio" name="DifficultyObtainingCMELicenseRenewal" value="Yes" class="checkbox"/> Yes</label><br />
        <label><input type="radio" name="DifficultyObtainingCMELicenseRenewal" value="No" class="checkbox"/> No</label>
    </td>
  </tr>
  <tr>
    <th><label>Do you have difficulty obtaining enough CME required for your specialty board certification/re-certification?</label></th>
    <td>
        <label><input type="radio" name="DifficultyObtainingCMEBoardCertification" value="Yes" class="checkbox"/> Yes</label><br />
        <label><input type="radio" name="DifficultyObtainingCMEBoardCertification" value="No" class="checkbox"/> No</label>
    </td>
  </tr>
  <tr id="DifficultyObtainingCME" style="display:none">
    <th class="altTH"><label>Please elaborate on the difficulties you are experiencing:</label></th>
    <td class="altTD">
        <cftextarea name="DifficultyObtainingCMEOther" rows="3" cols="20"></cftextarea>
    </td>
  </tr>

您是否难以获得衣阿华许可证续期所需的足够的CME？
是

不
您是否难以获得专业委员会认证/再认证所需的足够的CME？
是

不
请详细说明您遇到的困难：

所以现在如果你在其中一个框上按“是”，它会显示额外的字段，但在另一个框上按“否”会使它消失，反之亦然。我如何使它保持打开状态，只要其中一个设置为“是”

这里有一个链接：

只要确保在发生更改时选中“是”选项：

var thingToToggle = $("#DifficultyObtainingCME");
var allRadios = $('input[type="radio"]');

allRadios.change(function () {
    if (allRadios.filter(function () {
        return this.checked && this.value === 'Yes';
    }).length > 0) {
        thingToToggle.show();
    } else {
        thingToToggle.hide();
    } 
});

只要确保在发生更改时选中“是”选项：

var thingToToggle = $("#DifficultyObtainingCME");
var allRadios = $('input[type="radio"]');

allRadios.change(function () {
    if (allRadios.filter(function () {
        return this.checked && this.value === 'Yes';
    }).length > 0) {
        thingToToggle.show();
    } else {
        thingToToggle.hide();
    } 
});

---

将可见性设置为不存在<代码>：选中是收音机：

var $radios = $("input[name^='DifficultyObtainingCME']"),
    $toggle = $("#DifficultyObtainingCME");

$radios.on("change", function(){
    $toggle.toggle(!!$radios.filter("[value='Yes']:checked").length);
});

---

小提琴：

将可见性设置为不存在<代码>：选中是收音机：

var $radios = $("input[name^='DifficultyObtainingCME']"),
    $toggle = $("#DifficultyObtainingCME");

$radios.on("change", function(){
    $toggle.toggle(!!$radios.filter("[value='Yes']:checked").length);
});

小提琴：

当然，如果您以后添加更多单选按钮，这也将适用于这些按钮。在这种情况下，将一个类添加到要应用该类的类中（例如$（'.toggleRadioClass[value=“Yes”]：checked'））。不确定$（“#难以获得CME”）.开关（this.value==“Yes”）是什么；应该这样做，但我的代码实际上会显示和隐藏元素

---

当然，如果您以后添加更多单选按钮，这也将适用于这些按钮。在这种情况下，将一个类添加到要应用该类的类中（例如$（'.toggleRadioClass[value=“Yes”]：checked'））。不确定$（“#难以获得CME”）.开关（this.value==“Yes”）是什么；应该这样做，但我的代码实际上会显示和隐藏元素。

如果您提供示例via，通常会非常有用。如果您提供示例via，通常会非常有用。您也可以只获得带有类似

var yesRadios=$（'input[type=“radio”][value=“yes”]”的“yes”按钮

…这不起作用，因为我在表单上还有其他“是”“否”按钮，所以它必须按名称指定这两个按钮。@阿米尔只需修改

allRadios

的选择器即可指定name属性

[name=“whatever”]

@jbabey你的意思是这样的吗？：var allRadios=$（'input[type=“radio”][name=“difficultyactainingcmelicenserenewal]”，input[type=“radio”][name=“difficultyactainingcmeboardcertification”]；它现在好像在工作！您也可以只获得类似于

var yesRadios=$（'input[type=“radio”][value=“yes”]]”的“yes”按钮。

。这不起作用，因为表单上还有其他“yes”“no”按钮，所以它必须按名称特定于这两个按钮。@Amir只需修改

allRadios

的选择器以指定name属性

[name=“whatever”]

@jbabey你的意思是这样的吗？：var allRadios=$（'input[type=“radio”][name=“difficultyactainingcmelicenserenewal]”，input[type=“radio”][name=“difficultyactainingcmeboardcertification”]；它现在好像在工作！