Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选 PDF转换器 软件资源

软件开发小程序制作系统集成与运维空间租用硬件开发视频监控技术咨询与支持——联系电话:0311-88999002/88999003

首页 / 脚本样式 / JavaScript / jQuery Checkbox 全选 反选的简单实例

1.全选、反选
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="http://xiazai.jb51.net/201611/yuanma/jquery(jb51.net).rar"></script> <script type="text/javascript">$(function () { $("#selall").on("click", function () { $("#plalst :checkbox").prop("checked", true); }); $("#selnone").on("click", function () { $("#plalst :checkbox").prop("checked", false); }); $("#resver").on("click", function () { $("#plalst :checkbox").prop("checked", function (i, val) { return !val; }); }); $("#chkAll").on("click", function () { $("#plalst :checkbox").prop("checked", $("#chkAll").prop("checked")) });}); </script></head><body> <div id="plalst"><input type="checkbox" />一队<input type="checkbox" />二队<input type="checkbox" />三队<input type="checkbox" />四队<input type="checkbox" />五队<input type="checkbox" />六队 </div> <br /><br /><br /> <input type="button" id="selall" value="全选" /> <input type="button" id="selnone" value="全不选" /> <input type="button" id="resver" value="反选" /> <input type="checkbox" id="chkAll" /><label for="chkAll" >选择</label></body></html>
以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持脚本之家!