通过label标签for属性修改样式时,不会立即修改radio和checkbox的checked属性值,需要在radio和checkbox的表单元素上添加新的触发事件来修改checked属性值。变态的用法。。。

$(".requiredNotNull").click(function () {var type=$(this).attr("type");if(type == "radio"){if($(this).attr("checked")){}else{var name=$(this).attr("name");var inputList = document.getElementsByName(name);for(var i=0;i<inputList.length;i++){$(inputList[i]).attr("checked",false);}$(this).attr("checked",true);}}else if(type == "checkbox"){if($(this).attr("checked")){$(this).attr("checked",false);}else{$(this).attr("checked",true);}}});

requiredNotNull可以不定义class

<input type="checkbox" class="requiredNotNull" id="checkedId" value="MZL">
<label for="checkedId">XXX</label>

label标签for属性修改样式相关推荐

  1. label标签的属性

    //label标签的属性 1 - (void)viewDidLoad { 2 //初始化一个label1标签对象,初始化有很多方法,最原始的就是init,此处用带有frame的方法 3 UILabel ...

  2. React使用label标签for属性报错

    React使用label标签for属性报错 需求描述:点击标题文字直接激活input文本框,输入文字 代码实现: render() {return (<div><div>{/* ...

  3. a标签download属性修改文件名失效

    <a href="'+fileurl+'" download="'+filename+'">   fileName为下载文件要修改的名字 注意:a标 ...

  4. input[type='radio'] 自定义样式___通过label标签重置input[radio]样式

    每次都要重新写一遍,麻烦,所以直接写一个完整小栗子,可直接复制粘贴再修改一哈哈,这样就省事多了. 先给label标签绑定input,如此便可以,点击input或者label中包裹的文字时,都可以被选中 ...

  5. 标签的属性和样式属性有什么区别

    首先我们来说一点: 网页制作标准是标签跟样式分离,比如 <table width="200px"></table> 这里面的width属于标签属性,标准是尽 ...

  6. label标签for属性的使用

    <label>是我们经常是用到的标签,一般用在<input>标签之前,用来指示该输入框需要的信息.但<label>标签还有个for属性,可以关联<input& ...

  7. javascript设置label标签 for属性

    js创建label标签的for属性用来增加操作响应区域. var label = document.CreateElement("input");label.type=" ...

  8. hr/标签的属性及样式

    用简单的"hr"语句就能实现多样化的分割效果: 最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade> ...

  9. html中label标签的使用

    在学习中的过程中,碰到label标签的属性 在此记录备忘: <label for="chk">点击此文本</label>   <input type= ...

最新文章

  1. 移动端整屏滑动的实现
  2. html5 canvas实际应用,Html5 Canvas入门及经典应用
  3. t-sql中的事务控制及错误处理
  4. [hadoop] kettle spoon 基础使用 (txt 内容抽取到excel中)
  5. java 参数代替所有类_Java中的常用类
  6. javascript 字符串操作函数大全
  7. 深度学习(五十八)caffe移植至mxnet
  8. CentOS7/RHEL7编译安装Python3.6(支持SSL)
  9. ELK详解(五)——Head插件简单使用
  10. 运维工程师绩效考核表_企业IT运维存在的五个普遍问题及解决方法
  11. new操作符内部原理(二) 及 delete和free
  12. 汇编指令与机器码的相互转换(来自80x86汇编小站)
  13. java中对图片的裁剪_java实现的图片裁剪功能示例
  14. 移动硬盘文件或目录损坏且无法读取要怎么办啊
  15. 项目投资价值分析-净现值法(NPV)、内部回报率法(IRR)与等额年金法
  16. connection reset by beer问题排查
  17. ABAP BDC代码
  18. python实现mysql多条件查询筛选功能
  19. vue-生成二维码【生成、点击输入框内叉号移除生成的二维码、输入框聚焦】
  20. 基于EasyNVR摄像机流媒体服务器实现RTSP或Onvif监控摄像头Web无插件化直播监控

热门文章

  1. 论文阅读:cvpr2020 行人重识别 Relation-Aware Global Attention
  2. 突发!Log4j 爆“核弹级”漏洞,Flink 等项目受影响,提供 Flink 解决方法,赶紧修!...
  3. 需求分析说明书和需求规格说明书的区别
  4. 笔记-项目风险管理-风险的分类
  5. 图文详解J2EE开发环境搭建全过程
  6. 2020年最新Java后端学习路线,鼓励所有想要踏入Java行业的初学者!
  7. Spring boot装载模板代码工程实践问题
  8. 如何4天时间通过马克思近代史两门公共课?
  9. 算法岗面经总结(凤凰网)
  10. 收款吧-shouk8 个人微信支付宝网站收款、即时入账、即充宝--收支宝 免签约收款即时到帐辅助系统