javascript - 根据单选选择显示 div

Question

我有一个脚本可以使 div 出现或消失，具体取决于复选框是否被选中...它工作正常。

但是，我希望修改此脚本以对单选按钮执行相同的操作，具体取决于是否选择了一个特定值。

这看起来像这样:

<input type="radio" name="data" id="showDiv" value="1">
<input type="radio" name="data" value="2">
<div id="showMe">Hello</div>

我希望修改的 JavaScript 如下所示:

$('[name="checkbox"]').on('change', function() {
    $('#id').toggle(this.checked);
}).change();

Answer 1

您可以根据值执行相同的操作。

$('[name="data"]').on('change', function() {
  // toggle based on the value ( value would be the value of checked radio )
  $('#showMe').toggle(this.value == 1);
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="data" id="showDiv" value="1">
<input type="radio" name="data" value="2">
<div id="showMe">Hello</div>