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

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

獲取任意給定點(diǎn)所有選中的復(fù)選框值

獲取任意給定點(diǎn)所有選中的復(fù)選框值

當(dāng)年話下 2023-07-14 15:29:21
我被困在某一點(diǎn)上,無法繼續(xù)前進(jìn)。我正在嘗試實(shí)現(xiàn)下面這樣的事情。這個(gè)想法是實(shí)現(xiàn)這一點(diǎn),如果選中的復(fù)選框長(zhǎng)度大于 2,則顯示計(jì)數(shù),否則顯示復(fù)選框的值。我能夠在選中的復(fù)選框中成功,但當(dāng)用戶首先選中復(fù)選框然后取消選中時(shí)無法實(shí)現(xiàn)。請(qǐng)看片段。我在任何時(shí)候需要的輸出是檢查復(fù)選框長(zhǎng)度是否大于 2,然后執(zhí)行適當(dāng)?shù)牟僮?。您能否?duì)此提供一些說明?checkboxLength = 0;$('input[name="checkname[]"]').click(function() {  checkboxval = $(this).val();  if ($(this).prop("checked")) {    checkboxLength++;    if (checkboxLength > 2) {      $('.selecteditems').html('<span>' + checkboxLength + ' Options selected</span>');    } else {      $('.selecteditems').append('<span>' + checkboxval + '</span>');    }  } else {    checkboxLength = checkboxLength - 1;    $('.selecteditems').html('<span>' + checkboxLength + ' Options selected</span>');  }});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="selecteditems"></div><div class="containerdiv">  <input type="checkbox" name="checkname[]" value="Value 1">  <label for="checkbox1">Value 1</label>  <input type="checkbox" name="checkname[]" value="Value 2">  <label for="checkbox2">Value 2</label>  <input type="checkbox" name="checkname[]" value="Value 3">  <label for="checkbox3">Value 3</label>  <input type="checkbox" name="checkname[]" value="Value 4">  <label for="checkbox4">Value 4</label>  <input type="checkbox" name="checkname[]" value="Value 5">  <label for="checkbox5">Value 5</label></div>我被困在其他部分。IE。也就是說,如果復(fù)選框未選中且長(zhǎng)度小于或等于 2。
查看完整描述

2 回答

?
HUWWW

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

這是實(shí)現(xiàn)目標(biāo)的一種方法:


const $cn = $('input[name="checkname[]"]');

$cn.on('change', function() {

    const checkedLength = $cn.filter(':checked').length;

    console.log( checkedLength );

    const vals = $cn.filter(':checked').map((i,f) => f.value).get().join(',');

    const output = checkedLength > 2 ? `${checkedLength} options selected.` : vals;

    $('div.selecteditems').html( $('<span/>').text( output ) );

});

現(xiàn)場(chǎng)演示

$(function() {

    const $cn = $('input[name="checkname[]"]');

    $cn.on('change', function() {

        const checkedLength = $cn.filter(':checked').length;

        console.log( checkedLength );

        const vals = $cn.filter(':checked').map((i,f) => f.value).get().join(',');

        const output = checkedLength > 2 ? `${checkedLength} options selected.` : vals;

        $('div.selecteditems').html( $('<span/>').text( output ) );

    });

});

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

<div class="selecteditems"></div>

<div class="containerdiv">

  <input type="checkbox" name="checkname[]" value="Value 1">

  <label for="checkbox1">Value 1</label>

  <input type="checkbox" name="checkname[]" value="Value 2">

  <label for="checkbox2">Value 2</label>

  <input type="checkbox" name="checkname[]" value="Value 3">

  <label for="checkbox3">Value 3</label>

  <input type="checkbox" name="checkname[]" value="Value 4">

  <label for="checkbox4">Value 4</label>

  <input type="checkbox" name="checkname[]" value="Value 5">

  <label for="checkbox5">Value 5</label>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
繁星點(diǎn)點(diǎn)滴滴

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

const $cn = $('input[name="checkname[]"]');

$cn.on('change', function() {

? const checkedLength = $cn.filter(':checked').length;

? const vals = $cn.filter(':checked').map((i, f) => f.value).get();

? finalCheckedValue = '';

? $.each(vals, function(index, checkedValue) {

? ? finalCheckedValue += '<span>' + checkedValue + '</span>';

? });

? output = checkedLength > 2 ? `${checkedLength} options selected.` : finalCheckedValue;

? $('div.selecteditems').html(output);

});

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

<div class="selecteditems"></div>

<div class="containerdiv">

? <input type="checkbox" name="checkname[]" value="Value 1">

? <label for="checkbox1">Value 1</label>

? <input type="checkbox" name="checkname[]" value="Value 2">

? <label for="checkbox2">Value 2</label>

? <input type="checkbox" name="checkname[]" value="Value 3">

? <label for="checkbox3">Value 3</label>

? <input type="checkbox" name="checkname[]" value="Value 4">

? <label for="checkbox4">Value 4</label>

? <input type="checkbox" name="checkname[]" value="Value 5">

? <label for="checkbox5">Value 5</label>

</div>

請(qǐng)讓我知道這種方法是否正確或者我是否需要進(jìn)行任何修改。



查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 2 回答
  • 0 關(guān)注
  • 162 瀏覽
慕課專欄
更多

添加回答

舉報(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)