javascript - 模拟单击单选按钮

Question

我需要模拟鼠标单击单选按钮，但仅选择了该按钮。如何使函数适用于案例？

$("input[value='0']").click();

$('input[name=level]').on('click', function(event) {
  switch ($(this).val()) {
    case '0':
      alert("zero");
      break;
    case '1':
      alert("one");
      break;
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<label>
1<input type="radio" class="option-input radio" checked value="1" name="level" />
0<input type="radio" class="option-input radio"  value="0" name="level" />
</label>

标签： javascriptjquerytriggersradio-button

Answer 1

将触发器放在 click 函数下方的元素上。您试图触发对尚未在 DOM 中定义的函数的单击。

$('input[name=level]').on('click', function(event) {
  switch ($(this).val()) {
    case '0':
      alert("zero");
      break;
    case '1':
      alert("one");
      break;
  }
});

$("input[value=0]").trigger('click');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>
1<input type="radio" class="option-input radio" checked value="1" name="level" />
0<input type="radio" class="option-input radio"  value="0" name="level" />
</label>