jQuery实现全选和反选

来源：互联网发布：openstack基础网络编辑：程序博客网时间：2024/06/06 06:35

<!DOCTYPE html><html><head><title>MyHtml.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script type="text/javascript">$(function() {//全选$("#all").click(function() {var flag = $(this).attr("checked");$("[name=loves]").attr("checked", flag == "checked");});//反选$("#reverse").click(function() {$("[name=loves]").each(function() {var flag = $(this).attr("checked");$(this).attr("checked", !(flag == "checked"));});checkSelect();});$("[name=loves]").click(function() {checkSelect();});function checkSelect() {var allFlag = true;$("[name=loves]").each(function() {var flag = $(this).attr("checked") == "checked";allFlag = allFlag && flag;});$("#all").attr("checked", allFlag);}});</script></head><body>  <div>  爱好：<input type="checkbox" id="all">全选     <input type="checkbox" id="reverse">反选<br /><input type="checkbox" name="loves" />吃<input type="checkbox" name="loves"/>喝<input type="checkbox" name="loves" />玩<input type="checkbox" name="loves"/>乐<br></div></body></html>

阅读全文

1 0