jquery中的radio的属性设置
将后端返回值取出,并取出单选框所对应的值(d_date),利⽤嵌套的三⽬运算判断前后端⽇期,从⽽保持单选框的状态。
<input type="radio" id="radio1" name="d_date" ${not empty frmFzcx.d_date ? (frmFzcx.d_date == map.d_date ? "checked" : "") : (cnt.index == 0 ? "check value="${map.d_date }" >${map.d_date }
对应的function 可以有很多种设置⽅法,都能满⾜需求
form0.submit();
// $("input[type='radio']:checked").attr("checked",true);
// $("input[type='radio']").eq(1).is(':checked');
// $("input[type='radio']").eq(1).attr('checked')=='checked';
// $("#radio1").attr("checked",true);
$("#(cnt.index == 0 ? 'checked' : '' )").attr("checked",true);
以下部分转载⾃多个不同⽂章
⼀:jQuery操作<input type="radio">
;blog.csdn/chelen_jak/article/details/27202799
<input type="radio">如下:
[html] view plain copy
<input type="radio" name="city" value="BeiJing">北京
<input type="radio" name="city" value="TianJin">天津
<input type="radio" name="city" value="NanJing">南京
<input type="radio" name="city" value="YangZhou">扬州
<input type="radio" name="city" value="SuZhou">苏州
1、获取选中的radio的值:
[html] view plain copy
$("input[name='city']:checked").val();
使⽤元素选择器,再使⽤属性过滤器name='city',最后使⽤:checked选取被选中的元素。
2、给指定值的radio设置选中状态:
[html] view plain copy
$("input[name='city'][value='YangZhou']").attr("checked",true);
给name="city"⽽且value="YangZhou"的radio设置选中状态。
3、取消name="city"的radio的选中状态:
[html] view plain copy
$('input[name="city"]:checked').attr("checked",false);
4、获取name="city"的radio的个数:
[html] view plain copy
$("input[name='city']").length;
5、获取name="city"⽽且索引是偶数的radio:
[html] view plain copy
$("input[name='city']:even");
索引是从0开始的。
6、获取name="city"⽽且索引是奇数的radio:
[html] view plain copy
$("input[name='city']:odd");
索引是从0开始的。
7、迭代radio:
[html] view plain copy
$("input[name='city']").each(function(i,obj){
//i,迭代的下标,从0开始
//obj,当前的对象(HTMLInputElement),可以使⽤obj.value格式获取属性值 //$(this);当前jQuery对象,可以使⽤$(this).val()获取属性值
});
迭代name="city"的radio。
8、禁⽤radio:
[html] view plain copyjquery的attr属性
$("input[name='city']").attr("disabled",true);
禁⽤name="city"的radio。
9、启⽤radio:
[html] view plain copy
$("input[name='city']").attr("disabled",false);
启⽤name="city"的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);
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论