jquery实现复选框全选/反选-创新互联

 jquery 实现复选框 全选/反选

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>复选框——全选/反选</title>
<LINK href="css/style.css" type=text/css rel=stylesheet>
<script language="javascript" src="jquery.js"></script>
</head>
<script>
$(function(){
      $("#allcheckbox").click(function(){
      var checkboxObj=$("table tr:gt(0) :checkbox");
      if($(this).attr("checked")==true){
     checkboxObj.each(function(){
      $(this).attr("checked",true);
   });
   }else{
      checkboxObj.each(function(){
      $(this).attr("checked",false);
   });
   }
   });
})
</script>
<body>
<table width="567" height="169" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><label>
      <input id="allcheckbox" type="checkbox" name="checkbox" value="checkbox" />
    </label></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><input type="checkbox" name="checkbox2" value="checkbox" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><input type="checkbox" name="checkbox3" value="checkbox" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><input type="checkbox" name="checkbox4" value="checkbox" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><input type="checkbox" name="checkbox4" value="checkbox" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><input type="checkbox" name="checkbox4" value="checkbox" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><input type="checkbox" name="checkbox4" value="checkbox" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><input type="checkbox" name="checkbox4" value="checkbox" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center" valign="middle"><input type="checkbox" name="checkbox4" value="checkbox" /></td>
  </tr>
</table>

创新互联是专业的兴文网站建设公司,兴文接单;提供做网站、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行兴文网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

</body>
</html>

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。

分享标题:jquery实现复选框全选/反选-创新互联
当前URL:https://www.cdcxhl.com/article46/hpgeg.html

成都网站建设公司_创新互联,为您提供网站建设定制网站Google关键词优化网站策划云服务器

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设