<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01-jQuery对象进行方法扩展</title> <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //使用jquery插件给jq对象添加2个方法 check()选中所有复选框 uncheck()取消选中所有复选框 //1、定义jquery的对象插件 $.fn.extend({//定义了一个check()方法，所有的jquery对象都可以调用此方法 check:function () {this.prop("checked",true); }, uncheck:function () {this.prop("checked",false); } }); $(function () {$("#btn-check").click(function () {// $("#btn-check").check(); $("input[type='checkbox']").check(); }); $("#btn-uncheck").click(function () {$("input[type='checkbox']").uncheck(); }); }); </script></head><body><input id="btn-check" type="button" value="点击选中复选框" οnclick="checkFn()"><input id="btn-uncheck" type="button" value="点击取消复选框选中" οnclick="uncheckFn()"><br/><input type="checkbox" value="football">足球<input type="checkbox" value="basketball">篮球<input type="checkbox" value="volleyball">排球</body></html>
转载于:https://www.cnblogs.com/newcityboy/p/11525183.html
