溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jquery 實(shí)現(xiàn)復(fù)選框 全選/反選

發(fā)布時間:2020-09-30 16:10:01 來源:網(wǎng)絡(luò) 閱讀:693 作者:ycregular 欄目:web開發(fā)

 jquery 實(shí)現(xiàn)復(fù)選框 全選/反選

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>復(fù)選框——全選/反選</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>

</body>
</html>

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI