• 技术文章 >web前端 >html教程

    在HTML中如何设置单选按钮

    coldplay.xixicoldplay.xixi2021-02-20 11:28:15原创90

    在HTML中设置单选按钮的方法:首先在新建的静态页面插入文件;然后在【<div>】标签插入三个单选按钮,并添加checked属性;接着给单选按钮添加name属性;最后在jquery初始化函数内,添加选中单选按钮的方法即可。

    本教程操作环境:windows7系统、html5版,DELL G3电脑,该方法适用于所有品牌电脑。

    在HTML中设置单选按钮的方法:

    1、首先在新建的静态页面插入这个文件,如下图所示。

    10abec03a6f58703cb736bde67a0eeb.png

    2、然后在<div></div>标签插入三个单选按钮,并且有对容应的label,如下图所示。

    39bb336af9c15083cb1d08d6e778be5.png

    3、接着给第一个单选按钮添加checked属性,默认是被选中,如下图所示。

    da5b34261da01f98d9669603ed0a9ec.png

    4、保存代码并在浏览器中预览效果,可以发现单选按钮三个可以同时选中,如下图所示。

    f008a170182b1ce764147725c2d345e.png

    5、接着给三个单选按钮添加name属性,并且name属性值都是一样的,如下图所示。

    c92d164e96d88865c8ef82fe64bfbd7.png

    6、最后在jquery初始化函数内,添加选中单选按钮的方法,就完成了。

    9ec40d0af0ec11b8add05e8051cd782.png

    相关学习推荐:html教程

    以上就是在HTML中如何设置单选按钮的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:HTML 单选按钮
    上一篇:html怎么让超链接没有下划线 下一篇:在html中如何实现图片排版
    第15期线上培训班

    相关文章推荐

    • HTML如何实现RadioButton单选按钮• bootstrap如何设置表格单选按钮• 详解layui单选按钮不能正常显示及解决办法• jquery如何判断单选按钮是否选中

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网