jQuery实现复选框成对选择及对应取消的方法
本文实例讲述了jQuery实现复选框成对选择及对应取消的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>jQuery实现复选框成对选择,对应取消功能</title> <scripttype="text/javascript"src="/js/jquery-1.6.2.min.js"></script> <script> $(function(){ varclassA=$(".classA"); classA.change(function(){ classA.attr("checked",Boolean($(this).attr("checked"))); }) varclassB=$(".classB"); classB.change(function(){ classB.attr("checked",Boolean($(this).attr("checked"))); }) }) </script> </head> <body> <p>A组</p> <inputtype="checkbox"class="classA"> <inputtype="checkbox"class="classA"> <p>B组</p> <inputtype="checkbox"class="classB"> <inputtype="checkbox"class="classB"> </body> </html>
希望本文所述对大家的jQuery程序设计有所帮助。