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

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

方法有两种。
第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果。
< select  id =  "sel" >
< option  value = "1" >1</ option >
< option  value = "2"  selected = "selected" >2</ option >
< option  value = "3" >3</ option >
</ select >  
第二种为通过前端js来控制选中的项:
< script  type = "text/javascript" >
function change(){
documentgetElementById("sel")[2]selected=true;
}
</ script >
< select  id =  "sel" >
< option  value = "1" >1</ option >
< option  value = "2" >2</ option >
< option  value = "3" >3</ option >
</ select >
< input  type = "button"  value = "修改"  onclick = "change()"  />
获取<select>标签选中项文本的js代码为:
var  val = documentallItemoptions[documentallItemselectedIndex]text;
var  i=documentgetElementById('sel')options[documentgetElementById('sel')selectedIndex]value;

扩展资料

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

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

参考资料:

百度百科-radio

el-radio钩子函数改变默认值不显示原因:
1确认v-model是否正确绑定。v-model绑定的值应该是跟钩子函数中的默认值一致的。
2确认el-radio组件是否正确使用。el-radio组件需要在el-radio-group组件的内部使用,而且el-radio的label属性应该跟el-radio-groupv-model绑定的值一致。
3确认钩子函数中的默认值是否正确改变。可以在钩子函数中打印一下修改后的默认值,看是否跟预期一致。
函数的定义:给定一个数集A,对A施加对应法则f,记作f(A),得到另一数集B,也就是B=f(A)。那么这个关系式就叫函数关系式,简称函数。

<script language="javascript" type="text/javascript">
function s(va) {
if(va=="1"){
documentgetElementById('a')styledisplay='block';
}else if(va="0"){
documentgetElementById('a')styledisplay='none';
}
}
</script>
</head>
<body>
<input type="radio" name="x" value="1" onclick="s(thisvalue)"/>
<input type="radio" name="x" value="0" onclick="s(thisvalue)"/>
<div id="a">xxx</div>
</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13390028.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-27
下一篇 2023-07-27

发表评论

登录后才能评论

评论列表(0条)

保存