如何执行基于另一个事件的电台onchange事件?

时间:2018-08-21 02:53:46

标签: javascript jquery onclick onchange radio

我在桌子内有几个单选按钮。

app:itemTextColor="@color/bottom_nav_color"
app:itemIconTint="@color/bottom_nav_color"

这些单选按钮上有一个<table id='t_test'> <tr> <td><input type='radio' id='radio1' value='0' class='form-control' /></td> <td><input type='radio' id='radio2' value='50' class='form-control' /></td> <td><input type='radio' id='radio3' value='100' class='form-control' /></td> </tr> </table> <input type='button' id='btn_radio' /> 事件。

onchange

如何在另一个事件上方触发$("#t_test").on('change','input[type=radio]',function(){ alert($(this).val()); }); 事件?我有这个按钮单击事件。

onchange

因此,当我单击按钮时,将检查ID为$('#btn_radio').on('click', function(){ var i = 50; if(i == 0){ $("#radio1").prop("checked", true).trigger("change"); } else if(i == 50){ $("#radio2").prop("checked", true).trigger("change"); } else if(i == 100){ $("#radio3").prop("checked", true).trigger("change"); } else{ alert("Error Occured"); } }); 的单选并触发警报。

1 个答案:

答案 0 :(得分:0)

为按钮添加名称。

当然,检查后不会发出警报。这是因为检查完所有收音机之后。除了点击触发之外,没有其他更改触发。

还是您不希望该收音机分组(同名)?

<table id='t_test'>
  <tr>
    <td><input type='radio' name='radio' id='radio1' value='0' class='form-control' /></td>
    <td><input type='radio' name='radio' id='radio2' value='50' class='form-control' /></td>
    <td><input type='radio' name='radio' id='radio3' value='100' class='form-control' /></td>
  </tr>
</table>
<input type='button' id='btn_radio' />