单选框

Posted 2020-09-18 Marydon

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事件。