登錄驗(yàn)證浸赫,全選闰围,反選

1:登陸驗(yàn)證

image.png
代碼塊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
</head>

<body>
<form action="" id="f1">
    <p>
    <label>用戶名:
        <input type="text" id="i1" name="username"/>
        <span></span>   
     </label>
    </p>
    
    <p>
    <label>密碼:
        <input type="passowrd" id="i2" name="password"/>
        <span></span>   
     </label>
    </p>
    
    <button id="b1" type="button">提交</button>

</form>
<script src="jquery-3.4.1.min.js"></script>
<script>
    $("#b1").click(function () {
        var $inputEles = $("#f1 input");
        for (var i=0;i<$inputEles.length;i++){
            var tmp = $inputEles[i];
            if ($(tmp).val().length === 0){
                // 表示該input框的值為空
                console.log($(tmp).parent().text().trim().slice(0,-1));
                var s = $(tmp).parent().text().trim().slice(0,-1);
                $(tmp).next().text(s + "不能為空").css("color", "red");
            }
        }
    });
</script>
</body>
</html>

2 全選,取消既峡,和反選

image.png
代碼塊
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <title>Title</title>
</head>
<body>

<table border="1">
    <thead>
    <tr>
        <th>序號(hào)</th>
        <th>姓名</th>
        <th>愛(ài)好</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td><input type="checkbox"></td>
        <td>蠅蠅</td>
        <td>用手</td>
    </tr>
    <tr>
        <td><input type="checkbox"></td>
        <td>康抻</td>
        <td>gay in gay out</td>
    </tr>
    <tr>
        <td><input type="checkbox"></td>
        <td>黃袍哥</td>
        <td>吹牛逼</td>
    </tr>
    </tbody>
</table>
<hr>
<button id="b1">全選</button>
<button id="b2">反選</button>
<button id="b3">取消</button>
<script src="jquery-3.3.1.js"></script>




<script>
    // 全選
    $("#b1").click(function () {
        // 找到所有的checkbox,選中:prop("checked", true)
        $(":checkbox").prop("checked", true);
    });
    // 取消
    $("#b3").click(function () {
        // 找到所有的checkbox,取消選中:prop("checked", false)
        $(":checkbox").prop("checked", false);
    });
    
    
    // 反選
    $("#b2").click(function () {
        

        // var $check = $(":checkbox");
        // for (var i=0;i<$check.length;i++){
        //     var tmp = $check[i];
        //     var s = $(tmp).prop("checked");
        //
        //     // 如果s是true就改成false羡榴,如果是false就改成true
        //     // if (s){
        //     //     $(tmp).prop("checked", false);
        //     // }else {
        //     //     $(tmp).prop("checked", true);
        //     // }
        //
        //     $(tmp).prop("checked", !s);
        // }

        // 找到所有選中的checkbox;
        var $checked = $("input:checked");
        // 找到?jīng)]有選中的
        var $unchecked = $("input:not(:checked)");
        $checked.prop("checked", false);
        $unchecked.prop("checked", true);
    });
</script>
</body>
</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市运敢,隨后出現(xiàn)的幾起案子校仑,更是在濱河造成了極大的恐慌,老刑警劉巖传惠,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件迄沫,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡卦方,警方通過(guò)查閱死者的電腦和手機(jī)羊瘩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)盼砍,“玉大人尘吗,你說(shuō)我怎么就攤上這事〗阶” “怎么了睬捶?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)近刘。 經(jīng)常有香客問(wèn)我擒贸,道長(zhǎng),這世上最難降的妖魔是什么觉渴? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任介劫,我火速辦了婚禮,結(jié)果婚禮上疆拘,老公的妹妹穿的比我還像新娘蜕猫。我一直安慰自己寂曹,他們只是感情好哎迄,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著隆圆,像睡著了一般漱挚。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上渺氧,一...
    開(kāi)封第一講書(shū)人閱讀 51,125評(píng)論 1 297
  • 那天旨涝,我揣著相機(jī)與錄音,去河邊找鬼侣背。 笑死白华,一個(gè)胖子當(dāng)著我的面吹牛慨默,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播弧腥,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼厦取,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了管搪?” 一聲冷哼從身側(cè)響起虾攻,我...
    開(kāi)封第一講書(shū)人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎更鲁,沒(méi)想到半個(gè)月后霎箍,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡澡为,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年漂坏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片媒至。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡樊拓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出塘慕,到底是詐尸還是另有隱情筋夏,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布图呢,位于F島的核電站条篷,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蛤织。R本人自食惡果不足惜赴叹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望指蚜。 院中可真熱鬧乞巧,春花似錦、人聲如沸摊鸡。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)免猾。三九已至是辕,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間猎提,已是汗流浹背获三。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工蜻底, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留疙渣,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像拉一,于是被迫代替她去往敵國(guó)和親敦跌。 傳聞我的和親對(duì)象是個(gè)殘疾皇子品洛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容