码迷,mamicode.com
首页 > 其他好文 > 详细

单选框

时间:2017-05-15 13:05:49      阅读:304      评论:0      收藏:0      [点我收藏+]

标签:标签   splay   log   code   checked   不同的   实现   其他   isp   

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

 

单选框

标签:标签   splay   log   code   checked   不同的   实现   其他   isp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!