首页 > 代码库 > 单选框

单选框

CreateTime--2017年5月15日11:40:04
Author:Marydon

一、实现点击文字,选中对应按钮的两种方式

  1.label标签体包住单选框标签

  

  2.label标签体只包住文本

 

二、单选框的onchange事件

说明:

  1.通过点击不同的单选框选项,来实现其他内容的显示或隐藏;

  2.$get(‘id‘)是对document.getElementById(‘id‘)的封装。

<tr>        <td class="tdbiejing">是否替诊</td>    <td>        <label class="radioCss">            <input name="REPLACE_TZ" type="radio" value="0" onchange="$get(‘displayName‘).style.display=‘‘;"/></label>        <label class="radioCss">            <input name="REPLACE_TZ" type="radio" value="1" checked onchange="$get(‘displayName‘).style.display=‘none‘;"/></label>    </td></tr> <tr id="displayName" style="display: none;">     <td class="tdbiejing">替诊医生名称</td>    <td>        <input type="text" class="TextBox" id="DOCTOR_NAME_TZ" name="DOCTOR_NAME_TZ"/>        <input type="hidden" name="DOCTOR_ID_TZ" id="DOCTOR_ID_TZ" value=""/>    </td>    <td class="tdbiejing"></td>    <td></td></tr> 

  注意:

    1.同一组单选框必须使用同一个name;

    2.同一组的每个单选框都得绑定onchange事件。

 

单选框