互联网科技

互联网2017IFE-自定义checkbox, radio样式

作者:金沙国际官网    发布时间:2020-05-04 23:27     浏览次数 :91

[返回]

看清 radio 是或不是被选中

利用JQUERY操作Radio

在支付中临时会用到Radio来达成顾客的精选效果,我在项目中积淀了有个别采取JQUESportageY来操作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);

在支付中不经常会用到Radio来促成客户的选择效果,小编在类型中积淀了部分行使JQUE普拉多Y来操作Radio的方法,在此边享用一下,供...

前言

2017-百度前端技能大学编码任务:自定义checkbox, radio样式

$.is(':checked');返回结果:如果 alert 会提示 2 次:第一次,是未改变之前的值,如果之前未选中,那就是 false ;第二次,是改变后的值,如果之前未选中,那就是 true ;如果做判断,那就好判断是否是 true ;

职分目标

  • 深入摸底html label标签
  • 打探CSS边框、背景、伪成分、伪类(注意和伪成分区分)等属性的设置
  • 摸底CSS中布满的Sprite图,并能本人构建使用7-Up图

设若要改成 checked 状态 , 要用:

职务描述

  1. 参考 样例点击查阅,达成页面开辟,必要实现效果与利益基本一致

注意:
品尝背景图和伪成分三种不相同措施达成,比较三种办法分其他利害。
注意测量试验分化景况,尤其是不过气象下的效用。

DEMO

体系地址


上一篇:没有了
下一篇:没有了