如何用js实现将当前点击的单选按钮变为选中状态?

目前单选按钮继承了父元素的一个点击事件,本身的点击无效了,所以给他单独写一个点击事件。但是用this.checked=true;没有点击效果,可是将this改为其他的单选按钮,那么那个单选按钮会变为选中,为什么设置成自己就不行呢?
对了我用的是jquery

<div class="parentlist">
<td class="tal"><input type="radio" name="ddgl1" id="ddgl1_0" value="radio">
<input type="radio" name="ddgl1" id="ddgl1_1" value="radio">
<input type="radio" name="ddgl1" id="ddgl1_2" value="radio"></div>

<script>
$('.parentlist').find(':radio').click(function () {
this.checked=true;
return false;
});
</script>

代码如下:

function doGender(gender) {

  if (gender == "男") {

    gel("radionan").checked = true;

  } else {

    gel("radionv").checked = true;

  }

}

扩展资料

JS基础代码:

//定义数组 

var pageIds = new Array(); 

pageIds.push('A'); 

数组长度 

pageIds.length; 

//shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 

var a = [1,2,3,4,5]; 

var b = a.shift(); //a:[2,3,4,5] b:1 

//unshift:将参数添加到原数组开头,并返回数组的长度 

var a = [1,2,3,4,5]; 

var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 

//注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。 

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-04-13
js取单选框的值需要循环遍历判断checked属性是否为真。
<!--html-->
<form id="list" method="post" action="">
<input type="radio" name="user" value="1">1
<input type="radio" name="user" value="2">2
<input type="radio" name="user" value="3">3
</form>
<!--js-->
<script language="javascript">
function usubmit(action){//获取radio的value的方法
var radios = document.getElementById("list").user;//获取id为list下的所有name为user的值的集合
for(var i=0;i<radios.length;i++){//循环值得集合
if(radionum[i].checked){//通过checked属性判断是否被选中
userid = radionum[i].value//将被选择的radio的值赋给变量userid
}
}
alert(userid)//弹出被选中的radio的值
}
</script>本回答被网友采纳
第2个回答  2012-07-20
$('.parentlist').find(':radio').each('click',function (){
this.checked = true;
return false;
});

遍历!本回答被网友采纳
第3个回答  2012-07-19
能贴出代码来看看吗
不然没法判定this接收的是哪个按钮追问

就是当前鼠标点击的那个按钮

追答

不能贴代码吗

追问

已经帖了
最后的return false是为了阻止它继承div的click事件,现在已经阻止继承了,但是自身的选中没有实现

追答

刚刚测试了一下。
其实你事件写了干嘛的呢。
单选按钮点击本来就是会选中的。。
有点疑惑

如何用js实现将当前点击的单选按钮变为选中状态?
function doGender(gender) { if (gender == "男") { gel("radionan").checked = true;} else { gel("radionv").checked = true;} }

如何用js来设置单选按钮的选中状态
var a = '';('#id').innerHTML(a);

js 怎样设置单选按钮被选中,和未选中?求详解
控制该单选按钮的checked属性就可以了,赋值为true选中,赋值为false为取消选中,或是选中同组的其它按钮则当前按钮自动取消选中.示例代码如下:1

js怎么实现单选和多选功能切换,点击单选是单选题,点击多选是多选题...
首先在选项上绑定事件,然后在事件中获取当前选择的是单选还是多选,然后通过类选择器或者标签选择器来获取选项前面的选择按钮组,用循环进行遍历拿到每一个单选\/多选按钮,然后用append()方法在拿到的按钮后面添加要变换的按钮,最后把拿到的按钮删掉。思路就是这样,具体代码需要的话可以后面再贴上。

html单选框怎么用js实现选中
设置radio的checked属性为ture即为选中。 选中单选框JS代码:var target = document.getElementById("radioId");target.checked = true;附完整代码:<!DOCTYPE html> <!--STATUS OK--> demo

如何设置单选框的默认状态为选中状态
通过提交后判断啊,如果是空那么给个默认值,再就是默认选中一个,再就是通过js,如果都没选,提交的时候设置个值。

单选按钮组中选中其一无法选中另外一个 我想用JS控制选中的切换(急)
通过内置的重复数据删除,无代理数据备份,支持 Windows 为唯一代理(如果你愿意,也可以在虚拟主机上安装一个代理),我可以减少硬件需求和存储空间成本。我尤其喜欢的一个功能是可以将备份数据象虚拟机一样从vmProtect中直接挂载,无需转换,而且这一切都在几秒钟内完成!这种解决办法非常快速,灵活,低价...

怎么利用js代码选中其中一个radio单选按钮,然后跳到指定网页。_百度知 ...
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。2、在index.html中的标签,输入js代码:functionfun(){ vara=$('input:radio:checked').val();if(a==1){ location.href='page1.html';}else{ location.href='page2.html';} } 3、浏览器运行index.html页面,选...

JS改变radio的值(多0个)怎么实现?选中的时候赋值为1,没点中的赋值...
\/\/获得 单选选按钮name集合 var radios = document.getElementsByName("act"); \/\/根据 name集合长度 遍历name集合 for(var i=0;i<radios.length;i++) { \/\/判断那个单选按钮为选中状态 if(radios[i].checked) { radios[i].value=1; } else{ radios[i].value...

js获取多选框被选中的值(js获取选中的单选按钮)
首先用document.getElementsByName()这个方法,通过input标签的name属性将input元素获取,并存进obj这个变量值中。然后建一个check_val的数组,通过for循环将input标签的value值存入数组中,这样就可以获取checkbox的选中的多个值。JS获取多选框checkbox被选中的个数。varcheckbox=document.getElementsByName(likes[...

相似回答