新手入坑博客第一天
废话不多说,先上代码
<!--与下面代码进行对比--> 全部<input type="checkbox" value=""/> 篮球<input type="checkbox" value=""/> 代码<input type="checkbox" value=""/> 女朋友<input type="checkbox" value=""/> 游戏<input type="checkbox" value=""/> <!--水平线--> <hr style="width: 400px;margin: 10px 0 10px 0;"> <!--有全选/反选功能--> <div id="test"> 全部<input type="checkbox" onclick="clickdome(this);"/> 篮球<input type="checkbox" value=""/> 代码<input type="checkbox" value=""/> 女朋友<input type="checkbox" value=""/> 游戏<input type="checkbox" value=""/> </div> <script> /*注意要记得导入jquery.js包*/ function clickdome(obj){ if($(obj).prop("checked")){ $("#test").find("input[type='checkbox']").prop("checked",true); }else{ $("#test").find("input[type='checkbox']").prop("checked",false); } } </script>
ps:要记得看有没有导入jquery.js包,不然没反应。
如对本文有疑问, 点击进行留言回复!!
VScode中的react自动补全标签代码及黄色or红色警告
关于React处理input的方法和多个input共用一个方法(不用jQuery)
网友评论