关于radio按钮的用法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于radio按钮的用法相关的知识,希望对你有一定的参考价值。

<input type="radio" value="男">男
<input type="radio" value="女">女
这是两个按钮,checked方法可以决定默认的选项,
如果有个变量a, a="男"或a="女"
要让a="男"时默认选择的是第一个
a="女"时默认选择的是第二个
这个要怎么来写
谁帮看下
谢谢了

radio
对象代表
html
表单中的单选按钮。在
html
表单中
<input
type="radio">
每出现一次,一个
radio
对象就会被创建。
单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时,该按钮就会触发
onclick
事件句柄。您可通过遍历表单的
elements[]
数组来访问
radio
对象,或者通过使用
document.getelementbyid()。
参考技术A 设置一个判断语句,
当a="男"时,变量$男='checked',否则$男= NULL
当a="女"时,变量$女='checked',否则$女= NULL
<input type="radio" value="男" <?echo $男;?>>男
<input type="radio" value="女" <?echo $女;?>>女本回答被提问者采纳

-----关于H5中的label标签的用法--------

一、label标签的作用

         label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单内容上。

二、举例说明  

         label标签的for属性的效果就是,鼠标点击“女”实现radio选中的效果,主要 归功于for=nv 而且必须要求input文本框的id也等于nv,男这个radio作对比,没有这个效果。

  

1             <div>
2                 <label for="nan1">男</label>
3                 <input type="checkbox" id="nan" />
4                  <label for="nv">女</label>
5                 <input type="checkbox" id="nv" />
6             </div>            

 

以上是关于关于radio按钮的用法的主要内容,如果未能解决你的问题,请参考以下文章

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

关于如何在跳转页面的时候保持radio按钮的值

elementUI单选框按钮样式

vue框架里边的ref='xxx' 的用法 在父组件里边操作子组件的变量 有多组单选按钮(遍历生成)每次只能选中一组

vue 表单之通过v-model绑定单选按钮radio

input的基本用法