首页 > 其他 > 详细

单选框

时间:2017-05-15 12:26:34      阅读:269      评论:0      收藏:0      [点我收藏+]

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

 

单选框

原文:http://www.cnblogs.com/Marydon20170307/p/6855775.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!