扩展阅读
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • 去除HTML标签删除HTML示例代码
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • python实现html转ubb代码(html2ubb)
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • asp.net去除HTML标签删除HTML小例子
  •  
    当前位置:  Web服务器/前端>html/css

    html中<radio>单选按钮控件标签用法解析及如何设置默认选中

     
        发布时间:2013-9-26  


        本文导语:  Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选...

       Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。

    单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。您可通过遍历表单的 elements[] 数组访问 Radio 对象,或者通过使用 document.getElementById()。


    一、单选按钮控件语法

    <input name="Fruit" type="radio" value="" />

    使用html input标签,name为自定义,type类型为“radio”的表单.


    二、radio单选按钮代码举例

    1、html代码片段

    <form action="" method="get">
    您最喜欢水果?<br /><br />
    <label><input name="Fruit" type="radio" value="" />苹果 </label>
    <label><input name="Fruit" type="radio" value="" />桃子 </label>
    <label><input name="Fruit" type="radio" value="" />香蕉 </label>
    <label><input name="Fruit" type="radio" value="" />梨 </label>
    <label><input name="Fruit" type="radio" value="" />其它 </label>
    </form>

    2.举例代码片段二(默认选中设置举例):

    <input type="radio" name="identity" value="学生" checked="checked" />学生
    <input type="radio" name="identity" value="教师" />教师
    <input type="radio" name="identity" value="管理员" />管理员

    在代码举例二种, checked="checked" 表示默认选中项设置。


    3.代码举例三(js操作radio):

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <script>
    <!--
        //选中2返回的也是1,找到第一个ID为该值的DOM,弹出 1
        function getVById(){alert(document.getElementById('test11').value);}
        function getVByName(){
            var tt = document.getElementsByName('test11');
            for (var iIndex = 0; iIndex < tt.length ; iIndex++ )
            {
                if(tt[iIndex].checked)
                {
                    alert(tt[iIndex].value);
                    break;
                }
            }
        };
    -->
    </script>
    <title>http://www.</title>
    </head>
    <body>
        <input type="radio" id="test11" name="test11" value="1" />测试1
        <input type="radio" id="test11" name="test11" value="2" />测试2
        <input type="button" value="BTN_ByID" onclick="getVById()" />
        <input type="button" value="BTN_ByName" onclick="getVByName()" />
    </body>
    <html>


    相关文章推荐:


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3