javascript – 单击href和单击复选框上的复选框

发布时间：2020-12-14 22:59:23 所属栏目：资源来源：网络整理

导读：我知道有很多主题可以通过点击href查看复选框,但是在我看到的每个解决方案中,你都无法通过点击复选框来检查复选框,因为它包含了 .标签. 有我的HTML：我的Jquery： $("#cb").click(function(e) { e.preventDefault(); $("#mode").prop("checked",!$("#mode")

我知道有很多主题可以通过点击href查看复选框,但是在我看到的每个解决方案中,你都无法通过点击复选框来检查复选框,因为它包含了< a>.标签.

有我的HTML：


我的Jquery：

    $("#cb").click(function(e) {
        e.preventDefault();
        $("#mode").prop("checked",!$("#mode").prop("checked"));
    })

我需要的 ：
我需要通过单击复选框点击href AND来检查复选框.
如果这篇文章是重复的,我很抱歉,但我没有看到它,链接我的副本,我会删除它.
JSFiddle


最佳答案
单击输入时检查目标的标记名称以防止 –  https://jsfiddle.net/fwzd08cw/2/

$("#cb").click(function(e) {
    if((e.target).tagName == 'INPUT') return true; 
    e.preventDefault();
    $("#mode").prop("checked",!$("#mode").prop("checked"));
});

$("#cb").click(function(e) {
  if((e.target).tagName == 'INPUT') return true; 
  e.preventDefault();
  $("#mode").prop("checked",!$("#mode").prop("checked"));
});

            
            	相关内容

在html中显示表单时使用表标签是不好的设计？
css固定footer到浏览器底部的方法
javascript  – 切换音频播放 – 暂停图像
java 扫描微信公众号二维码，关注并登录逻辑
在微信小程序与小游戏中使用 LeanCloud
微信小程序数据分析之自定义分析的实现
domain-name-system – 有没有办法检查DNS记录以确定子域的
微信内置浏览器私有接口WeixinJSBridge介绍
html – 里面的“label”属性是什么意思？
加密Web.config Windows Azure

            
        
    
    
    	
        推荐文章
            
        
    	
        站长推荐
            html – 3个inline-block div,正好33％的宽度不适
微信小程序基于slider组件动态修改标签透明度的方
html – 向滚动条添加箭头
JS实现简洁(隔行换色、高亮显示)表格特效
html – 100％宽度的表,为浮动div留出空间
如何使HTML 5视频播放适合框架而不是保持纵横比？
html – 如何使CSS表适合屏幕宽度？
使用Sitecore Item Web API时如何检索Image字段的
html – CSS3 100vh在移动浏览器中不变
设置动画.GIF作为背景Android
        
        
        
    	
        热点阅读
            
        
        
        
	



【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。
建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果
Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同