html单选按钮点击事件

单选按钮的点击事件可以通过jQuery来实现。首先，在HTML代码中给每个单选按钮添加一个相同的name属性，然后在jQuery的初始化函数内，使用change()方法监听单选按钮的变化事件。当单选按钮的值发生变化时，change()方法会触发一个回调函数。在这个回调函数中，可以使用条件语句来判断当前选中的单选按钮的值，并执行相应的操作。

例如，下面是一个示例的HTML代码和jQuery代码：

HTML代码：

<td>
 <input type="radio" id="sMachineCode" name="choice" value='1' checked="checked"/>设备编号&nbsp;
 <input type='radio' id='visitDoc' name='choice' value='2' >随访医生&nbsp;
 <input type='text' id='smachined' name='sMachineCode' placeholder="请输入设备编号" value='' >
 <input type='text' id='doctor' name='visitDoc' style="display:none" placeholder="请输入医生姓名" value='' >
</td>

jQuery代码：

 $('input:radio[name="choice"]').change(function() {
 var v = $(this).val();
 if (v == "2") {
 $("#doctor").show();
 $("#smachined").hide();
 } else {
 $("#doctor").hide();
 $("#smachined").show();
 }
 });
});

在这个例子中，当选择“随访医生”的单选按钮时，医生姓名输入框会显示出来，而设备编号输入框会隐藏起来。当选择“设备编号”的单选按钮时，医生姓名输入框会隐藏起来，设备编号输入框会显示出来。这些操作都是通过change()方法的回调函数实现的。