第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

JS中限制多個復選框的數(shù)量

JS中限制多個復選框的數(shù)量

慕標琳琳 2022-07-21 10:08:56
我有多個帶有限制的復選框,但它不適用于這樣的 JS$(".checkbox-limit").on('change', function(evt) { var limit = parseInt($(this).parent().data("limit"));if($(this).siblings(':checked').length >= limit) {       this.checked = false;       alert("The limit is " + limit)   }});對于這樣的html:<div class="row js_check_two" data-limit="2">    <div class="col-md-12">        <label>            <input type="checkbox" class="checkbox-limit" value="1">        </label>    </div>    <div class="col-md-12">        <label>            <input type="checkbox" class="checkbox-limit" value="2">        </label>    </div>    <div class="col-md-12">        <label>            <input type="checkbox" class="checkbox-limit" value="3">        </label>    </div>    <div class="col-md-12">        <label>            <input type="checkbox" class="checkbox-limit" value="4">        </label>    </div></div>此代碼不起作用,任何建議將不勝感激!
查看完整描述

2 回答

?
慕后森

TA貢獻1802條經(jīng)驗 獲得超5個贊

您必須將腳本更改為此 -


            $(".checkbox-limit").on('change', function(evt) {


             var limit = parseInt($(this).parent().parent().parent().attr("data-limit"));

             console.log($('input.checkbox-limit:checked').length);


            if($('input.checkbox-limit:checked').length > limit) {

                   this.checked = false;

                   alert("The limit is " + limit);

               }

            });  


查看完整回答
反對 回復 2022-07-21
?
小唯快跑啊

TA貢獻1863條經(jīng)驗 獲得超2個贊

 $(".checkbox-limit").on('change', function(evt) {

 var limit = parseInt($(this).parent().parent().parent().attr("data-limit"));

 console.log($('input.checkbox-limit:checked').length);

 

 if($('input.checkbox-limit:checked').length > limit) {

 this.checked = false;

 alert("The limit is " + limit);

 }

 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<div class="row js_check_two" data-limit="2">

  <div class="col-md-12">

    <label>

            <input type="checkbox" class="checkbox-limit" value="1">1

        </label>

  </div>

  <div class="col-md-12">

    <label>

            <input type="checkbox" class="checkbox-limit" value="2">2

        </label>

  </div>

  <div class="col-md-12">

    <label>

            <input type="checkbox" class="checkbox-limit" value="3">3

        </label>

  </div>

  <div class="col-md-12">

    <label>

            <input type="checkbox" class="checkbox-limit" value="4">4

        </label>

  </div>

</div>

<br>

<br>

<div class="row js_check_two" data-limit="2">

  <div class="col-md-12">

    <label>

            <input type="checkbox" class="checkbox-limit" value="7">7

        </label>

  </div>

  <div class="col-md-12">

    <label>

            <input type="checkbox" class="checkbox-limit" value="8">8

        </label>

  </div>

  <div class="col-md-12">

    <label>

            <input type="checkbox" class="checkbox-limit" value="9">9

        </label>

  </div>

  <div class="col-md-12">

    <label>

            <input type="checkbox" class="checkbox-limit" value="10">10

        </label>

  </div>

</div>

我使用了它,但對全球的影響



查看完整回答
反對 回復 2022-07-21
  • 2 回答
  • 0 關(guān)注
  • 220 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號