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

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

允許 div 上的隱藏/顯示僅在其單選按鈕組內(nèi)起作用,并且不會(huì)影響相同形式的其他單選按鈕組

允許 div 上的隱藏/顯示僅在其單選按鈕組內(nèi)起作用,并且不會(huì)影響相同形式的其他單選按鈕組

當(dāng)年話下 2023-10-20 15:18:39
所以我有這樣的形式,其中有 3 個(gè)無(wú)線電組,它們根據(jù)選擇的內(nèi)容隱藏和顯示自己的 div 集。問(wèn)題是我現(xiàn)在的代碼隱藏了所有 3 個(gè)無(wú)線電組中的無(wú)線電內(nèi)容 div。我該如何解決這個(gè)問(wèn)題?理想情況下,當(dāng)表單加載時(shí),所有“是”內(nèi)容都會(huì)顯示,當(dāng)有人在問(wèn)題 1 中選擇“否”時(shí),radioContentOne 會(huì)隱藏,radioContentTwo 會(huì)出現(xiàn)。目前,當(dāng)我在問(wèn)題 1. radioContentOne 中選擇“否”時(shí),將隱藏三、四、五、六。我對(duì) jquery 很陌生,不知道我哪里出錯(cuò)了。<div class="row">  <div class="col-lg-12">    <div class="form-group">        <label>question 1<label>        <div class="custom-radio-checkbox d-inline-block">            <div class="radio-input>                  <input name="radioGroup1" type="radio" id="radio-no-border-inline-7" data-toggle="collapse" value="radioContentOne" checked>                  <label for="radio-no-border-inline-1">Yes</label>                 </div>        </div>        <div class="custom-radio-checkbox d-inline-block">             <div class="radio-input>                  <input name="radioGroup1" type="radio" id="radio-no-border-inline-8" data-toggle="collapse" value="radioContentTwo">                  <label for="radio-no-border-inline-2">No</label>                 </div>        </div>    </div></div><div class="row">      <div class="col-lg-12">        <div class="form-group">            <label>question 2<label>            <div class="custom-radio-checkbox d-inline-block">                <div class="radio-input>                      <input name="radioGroup2" type="radio" id="radio-no-border-inline-7" data-toggle="collapse" value="radioContentThree" checked>                      <label for="radio-no-border-inline-1">Yes</label>                     </div>            </div>            <div class="custom-radio-checkbox d-inline-block">                 <div class="radio-input>                      <input name="radioGroup2" type="radio" id="radio-no-border-inline-8" data-toggle="collapse" value="radioContentFour">                      <label for="radio-no-border-inline-2">No</label>                     </div>            </div>        </div>    </div> </div>
查看完整描述

1 回答

?
慕雪6442864

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

目前,您正在定位 HTML 中的所有項(xiàng)目,以便僅定位單擊的組中的項(xiàng)目,您可以使用 .parents 選擇器查找父級(jí),然后搜索相關(guān)項(xiàng)目。https://api.jquery.com/parents/


$(document).ready(function(){

    $("[class^='radioGroup']").click(function(){

        var inputValue = $(this).attr("value");

        var parents = $(this).parents(".form-group");

        var targetBox = parents.find("." + inputValue);

        parents.find('.radioOption').not(targetBox).hide();

        parents.find(targetBox).show();

    });

});


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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