javascript - input radio trigger触发问题?
天蓬老师
天蓬老师 2017-04-11 13:27:02
[JavaScript讨论组]

  $('.m-index-cale .bd .item p').click(function() {
       $(this).find('input').trigger('click');
   })
如何模拟点击p标签 让它触发input点击
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(4)
黄舟

你用错东西了。<input type="radio" id="radio" /> <label for="radio">hello world</label>

迷茫

你是不是想点击某一行就相当于点击了这个input?

可以这样写,特点是点击label即等于点击 input

<label for="ii" style="width:100%">
    <input type="radio" id="ii"/>
    <span>米</span>
</label>

例子WEUI

伊谢尔伦
<label><input type="radio"><span>米</span></label>
PHP中文网

input触发click事件的时候 事件冒泡到p标签了 所以又click了input 又触发 无限循环了

应该这样

$('.m-index-cale .bd .item p').click(function() {
    $(this).find('input').trigger('click');
 })
//阻止事件冒泡
$('.m-index-cale .bd .item p input[type=radio]').click(function(e){
    e.stopPropagation();
})
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号