新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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