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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在數(shù)組上使用 JQuery 獲取值檢查和取消檢查復(fù)選框

如何在數(shù)組上使用 JQuery 獲取值檢查和取消檢查復(fù)選框

PHP
慕田峪7331174 2023-11-03 20:13:51
現(xiàn)在我正在做 PHP 項(xiàng)目與 JQuery 結(jié)合。我想從數(shù)組上選中和未選中的復(fù)選框獲取值。這是我嘗試的$(function() {      $('.dealprice').on('input', function(){        if($('.dealprice:checkbox:checked').prop('checked')){            //CHECKED            console.log("Checked");            const getPrice = $(this).closest("tr").find('input[name=itemprice]').val();            console.log(getPrice);        }else{            //UNCHECKED            console.log("Uncheck");            const getPrice = $(this).closest("tr").find('input[name=itemprice]').val();            console.log(getPrice);         }            }); });我在這個(gè)網(wǎng)站上制作了一個(gè)樣本。https://repl.it/@ferdinandgush/get-value-checkbox請(qǐng)單擊頂部的“運(yùn)行”底部以進(jìn)行測試。問題是,當(dāng)復(fù)選框選中的數(shù)量超過 1 個(gè)時(shí),以及當(dāng)我想取消選中其中的 1 個(gè)時(shí)。它仍然返回值“True”而不是“false”。我想要什么。每個(gè)復(fù)選框都可以在我選中和取消選中的地方返回值。檢查退貨consolo.log('true');未經(jīng)檢查的退貨consolo.log('false');
查看完整描述

2 回答

?
www說

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊

我相信你可以這樣做if ($(this).prop('checked')) {

然后它只會(huì)檢查您單擊的復(fù)選框是否被選中。

演示


$(function() {

  $('.dealprice').on('input', function() {


    if ($(this).prop('checked')) {

      //CHECKED

      console.log("Checked");

      const getPrice = $(this).closest("tr").find('input[name=itemprice]').val();

      console.log(getPrice);

    } else {

      //UNCHECKED

      console.log("Uncheck");

      const getPrice = $(this).closest("tr").find('input[name=itemprice]').val();

      console.log(getPrice);

    }


  });

});

.tg  {border-collapse:collapse;border-spacing:0;}

.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;

  overflow:hidden;padding:10px 5px;word-break:normal;}

.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;

  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}

.tg .tg-qh0q{background-color:#c0c0c0;color:#000000;font-weight:bold;text-align:center;vertical-align:top}

.tg .tg-0lax{text-align:left;vertical-align:top}

.tg .tg-amwm{font-weight:bold;text-align:center;vertical-align:top}

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

<table class="tg">

  <thead>

    <tr>

      <th class="tg-qh0q">Item</th>

      <th class="tg-qh0q">Price</th>

      <th class="tg-qh0q">Deal</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <td class="tg-0lax">Book</td>

      <td class="tg-0lax">$ 10 <input type="hidden" name="itemprice" value="10"></td>

      <td class="tg-0lax"><input type="checkbox" class="dealprice" name="deal[12][0]"></td>

    </tr>

    <tr>

      <td class="tg-0lax">Pencil</td>

      <td class="tg-0lax">$ 5 <input type="hidden" name="itemprice" value="5"></td>

      <td class="tg-0lax"><input type="checkbox" class="dealprice" name="deal[12][1]"></td>

    </tr>

    <tr>

      <td class="tg-0lax">Pen</td>

      <td class="tg-0lax">$ 8 <input type="hidden" name="itemprice" value="8"></td>

      <td class="tg-0lax"><input type="checkbox" class="dealprice" name="deal[12][2]"></td>

    </tr>


    <tr>

      <td class="tg-0lax">spidol</td>

      <td class="tg-0lax">$ 15 <input type="hidden" name="itemprice" value="15"></td>

      <td class="tg-0lax"><input type="checkbox" class="dealprice" name="deal[12][3]"></td>

    </tr>

  </tbody>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-11-03
?
慕神8447489

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超1個(gè)贊

<script>

    $(document).ready(function(){

        $(".dealprice").change(function(){

            if($(this).is(":checked")){

                console.log(true);

            } else {

                console.log(false);

            }

        });

    });

</script>


查看完整回答
反對(duì) 回復(fù) 2023-11-03
  • 2 回答
  • 0 關(guān)注
  • 195 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

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