1、 给单选框设置相应的 name
成都创新互联主要从事成都做网站、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务迪庆州,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
2、 获取所有的单选框,循环判断,示例代码如下:
// 获取指定 name 的单选框的值
function getValueForRadio(name) {
// 获取所有的 input 元素
var nodes = document.getElementsByTagName('input');
// 循环判断
for (var i=0; inodes.length; i++) {
// 如果类型是 radio,name 也符合要求,而且也被选中了
if (nodes[i].type==='radio' nodes[i].name===name nodes[i].checked) {
//返回相应的值
return nodes[i].value;
}
}
}
3、 在你需要的地方,用合适的参数调用上面的函数 getValueForRadio 即可。
以上,请采纳,请给分。
input type="radio" name="ra" value="1" onclick="raclick(this.value)"
input type="radio" name="ra" value="2" onclick="raclick(this.value)"
input type="radio" name="ra" value="3" onclick="raclick(this.value)"
input type="text" name="tx"
script
function raclick(value){
document.all.tx.value =value
}
/script
效果预览
html中-css中 - 以ul 和 li标签双层结构为例
js中
1,定义一个init方法, 完成处理数据 并把最后选中的数据返回
1.通过getArr方法, 挂载了li元素的点击事件liClick方法, 并返回处理好的数据arr,checkbox的话arr里面是多条选中的,radio则为单条;
通过array的特性来达到return返回的数据同步
2.根据传递过来的type类型判断是单选框还是复选框, 来调用不同的处理函数checkboxFun或radioFun
3.checkboxFun完成了复选框的一些数据处理操作 , , radioFun 完成了单选框的一些数据处理操作
2, 获取子元素集合, 并调用init函数,
init函数调用并会返回一个newArr, 这个newArr就是最新的数据集合
这样就可以实现一个单选多选的功能了
测试了下,在谷歌浏览器下,如果有radio设置了checked 属性的话,是可以的
html
head
/head
body
input type="radio" name="radios" value="1"/1
input type="radio" name="radios" value="2" checked/2
script type="text/javascript"
var box=document.getElementsByName("radios");
for(var i=0;ibox.length;i++){
alert("n");
if(box[i].checked){
alert("nihao");
}}
/script
/body
/html
你好,我给你写了一个非常简便且有效的代码,不用针对每一个radio都添加onclick事件
script
function setResult(){
var obj=event.srcElement;
if(obj.tagName=="INPUT"){
document.getElementById("result").value=obj.value;
}
}
/script
div onclick="setResult();"
input type="radio" name="score" value="1"1分
input type="radio" name="score" value="2"2分
input type="radio" name="score" value="3"3分
input type="radio" name="score" value="4"4分
input type="radio" name="score" value="5"5分
/div
p得分input type="text" id="result"/p
文章标题:javascript单选,js 单选
本文URL:https://www.cdcxhl.com/article40/dsicdho.html
成都网站建设公司_创新互联,为您提供关键词优化、网站改版、用户体验、网站制作、静态网站、企业网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联