大佬教程收集整理的这篇文章主要介绍了javascript – 如何禁用元素的孩子的.onclick？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
$("#one_to_many").on("click",function(){
$( this ).html('<form action="demo_form.asp">\
<input type="checkbox" name="graph" value="like"> کامنت ها<br>\
<input type="checkbox" name="graph" value="comment" checked> لایک ها<br>\
<input type="checkbox" name="graph" value="friend" checked> دوستان<br>\
<input type="button" value="رسم گراف">\
</form>');
});
div{ border:1px solid; text-align: center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="one_to_many">click</div>
如你所见,我无法触发这些复选框.换句话说,我不能将复选框选项标记为已选择或取消选择.
如何使其可用？
一旦您使用复选框填充了div,即可删除点击处理程序：
$("#one_to_many").on("click",function(){
// ------vvvvvvvvvvvvv
$( this ).off("click").html('<form action="demo_form.asp">\
<input type="checkbox" name="graph" value="like"> کامنت ها<br>\
<input type="checkbox" name="graph" value="comment" checked> لایک ها<br>\
<input type="checkbox" name="graph" value="friend" checked> دوستان<br>\
<input type="button" value="رسم گراف">\
</form>');
});
div{ border:1px solid; text-align: center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="one_to_many">click</div>
(或者作为vp_arth points out,只要使用one挂钩,而不是 – 我往往忘记一个！)
另一个是检查点击处理程序中的event.target,如果它是复选框,则忽略该事件：
$("#one_to_many").on("click",function(event){ // ***
if ($(event.target).is("input[type=checkbox]")) {
return;
}
$( this ).html('<form action="demo_form.asp">\
<input type="checkbox" name="graph" value="like"> کامنت ها<br>\
<input type="checkbox" name="graph" value="comment" checked> لایک ها<br>\
<input type="checkbox" name="graph" value="friend" checked> دوستان<br>\
<input type="button" value="رسم گراف">\
</form>');
});
div{ border:1px solid; text-align: center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="one_to_many">click</div>
…但是如果你使用标签元素(你不是,但我会推荐它)可能会变得棘手.如果event.target是div,则只能处理点击：
(我已经添加了标签来说明.)
$("#one_to_many").on("click",function(event){ // ***
if (event.target != this) {
return;
}
$( this ).html('<form action="demo_form.asp">\
<label><input type="checkbox" name="graph" value="like"> کامنت ها</label><br>\
<label><input type="checkbox" name="graph" value="comment" checked> لایک ها</label><br>\
<label><input type="checkbox" name="graph" value="friend" checked> دوستان</label><br>\
<input type="button" value="رسم گراف">\
</form>');
});
div{ border:1px solid; text-align: center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="one_to_many">click</div>
以上是大佬教程为你收集整理的javascript – 如何禁用元素的孩子的.onclick？全部内容，希望文章能够帮你解决javascript – 如何禁用元素的孩子的.onclick？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。