溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

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

jQuery 之 多選反選取消實例

發(fā)布時間：2020-08-10 22:44:49 來源：網(wǎng)絡(luò) 閱讀：240 作者：wx592bc92b285c7 欄目：web開發(fā)

代碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery3.js"></script>
</head>
<body>
    <table border="1">
        <thead>
        <tr>
            <th >選擇</th>
            <th >IP</th>
            <th >端口</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><input type="checkbox"></td>
            <td>1.1.1.1</td>
            <td>80</td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>2.2.2.2</td>
            <td>80</td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>3.3.3.3</td>
            <td>80</td>
        </tr>
        </tbody>
    </table>
    <input type="button" value="全選" onclick="checkAll()">
    <input type="button" value="反選" onclick="reverseAll()">
    <input type="button" value="取消" onclick="cancleAll()">
    <script>
        function checkAll() {
//            把checkbox的checked值設(shè)置為true
            $(':checkbox').prop('checked',true)
//            $(':checkbox').prop('checked'）為獲取值
        }
        function cancleAll() {
//            把checkbox的checked值設(shè)置為false
            $(':checkbox').prop('checked',false)
//            $(':checkbox').prop('checked'）為獲取值
        }
        function reverseAll() {
            $(':checkbox').each(function (k) {
                // k當(dāng)前索引
                // this,DOM元素，當(dāng)前循環(huán)的元素$(this)
                if(this.checked)
                {
                    this.checked = false;
                }
                else{
                    this.checked = true;
                }
            })
        }
    </script>

</body>
</html>

展示：

jQuery 之 多選反選取消實例

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

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

AI
助
手