radio的动态jq控制radio选中选中失效应该怎么解决

经常会遇到控制radio选中和切换的问题
之前一直使用的是checked属性来完成的
但是现在发现这个属性有个大问题
今天就是用js给选中radio的赋值,使用的$().attr("checked",true);
当切换的时候,把name相同的radio的attr("checked",false),再把要选中的radio.attr("checked",true);
但是问题来了,每个radio只能被赋值一次,当第二次给他赋值的时候,赋不上值
后来发现,checkbox在这种情况下会出现一样的问题
于是仔细查了一下这个属性发现了问题
w3cshool上关于这个属性的介绍
可以看到,关键点在于被预先选定的input元素
也就是说这个属性原来就是打算页面加载的时候为了让radio有一个默认的值而增加的一个属性,这样有了这个属性的input在页面加载的时候就是选定的
所以当要切换input的时候,这个属性显然就不太合适了
所以在使用js对radio进行赋值切换的时候,推荐大家使用
1.$().prop("checked",true)
使用prop方法并搭配checked属性实现js点击radio
prop方法适用于set和get值为true/false的属性的方法如checked selected readyonly
而且不需要对未点击的radio做处理 很方便
2.$().click()
这个方法就比较干脆,直接出发点击事件,不会出现问题
这两个方法效果上一样
from:http://blog.csdn.net/u/article/details/
阅读(...) 评论()jquery多次设定radio无效_百度知道
jquery多次设定radio无效
$.each($(&#contract&).find(&input[type='radio']&), function() {
if($(this).val() == variable) {
$(this).attr(&checked&, true);
代码里面的variable是个变量,使用ajax在第一次获取到变量以后可以设置对应的radio为选中,第二次...
我有更好的答案
$(this).attr(&checked&,&true);$(this).prop(&checked&,&true);jquery版本升级问题如果attr设置不行 请换prop
为您推荐:
其他类似问题
jquery的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。easyui中radio设置默认checked失效的问题解决方案
时间: 19:38:24
&&&& 阅读:2012
&&&& 评论:
&&&& 收藏:0
标签:&&&&&&&&&&&&&&&&&&&&&&&&&&&easyui中有一个奇怪的现象,当你在easyui-dialog中有一个form,form中又有一个radio的时候设置checked="checked"是没有选中效果的。
解决方案:把form包在easyui-dialog的外面,问题就得到了解决。
错误的层级关系:
&div class="easyui-dialog"&
&form id="saveForm" method="post"&
&input id="state1" name="state" value="1" type="radio" checked="checked" /&是
&input id="state2" name="state" value="-1" type="radio" /&否
正确的层级关系:
&form id="saveForm" method="post"&
&div class="easyui-dialog"&
&input id="state1" name="state" value="1" type="radio" checked="checked" /&是
&input id="state2" name="state" value="-1" type="radio" /&否
&标签:&&&&&&&&&&&&&&&&&&&&&&&&&&&原文:http://www.cnblogs.com/vipstone/p/5550503.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣,分享程序人生!利用jquery操作Radio方法小结
转载 &更新时间:日 16:20:13 & 投稿:whsnow
用Radio来实现用户的选择效果,在项目中积累了一些利用JQUERY来操作Radio的方法,这里与大家分享下
在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴。
1、改变radio的选择,触发一些效果
$("input:radio[name='dialCheckResult']").change(function (){ //拨通
alert(“123”);
2、让页面中所有的radio可用。
$("input:radio").attr("disabled",false);
3、让页面中所有的radio不可用。
$("input:radio").attr("disabled","disabled");
4、让某个radio置于选中状态。
$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);
5、让页面中“未选中”状态的radio不可用。
$("input:radio:not([checked])").attr("disabled","disabled");
6、遍历选中状态的radio,除了某一个radio之外,其他的“选中”状态的radio设定是“未选中”状态。
$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='"+val.name+"']:checked").attr('checked',false);
7、让所有“未选中”状态的radio不可用。
$("input:radio:not([checked])").attr("disabled","disabled");
8、获得某个选中的特定NAME的radio的值。
var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;
9、让所有“选中”状态的radio置于“未选中”状态。
$('input:radio:checked').attr('checked',false);
10、让页面中的radio都置于“选中”状态或“未选中”状态。
$("input:radio").attr("checked",true);
$("input:radio").attr("checked",false);
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具解决radio重复选择失效问题
function&selectquyu(){
$("#quyu").attr("checked","checked");
function&selectzhandian(){
$("#zhandian").attr("checked","checked");
这样的话,选中区域后在选择站点可以,再次选回区域就会失效
解决办法:
function&selectquyu(){
$("input[name='type']").get(0).checked=
function&selectzhandian(){
$("input[name='type']").get(1).checked=
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。}

我要回帖

更多关于 layui radio 动态选中 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信