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

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

根据无线电选择显示div

1 个答案: