亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

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

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

當年話下 2023-10-20 15:18:39
所以我有這樣的形式,其中有 3 個無線電組,它們根據選擇的內容隱藏和顯示自己的 div 集。問題是我現在的代碼隱藏了所有 3 個無線電組中的無線電內容 div。我該如何解決這個問題?理想情況下,當表單加載時,所有“是”內容都會顯示,當有人在問題 1 中選擇“否”時,radioContentOne 會隱藏,radioContentTwo 會出現。目前,當我在問題 1. radioContentOne 中選擇“否”時,將隱藏三、四、五、六。我對 jquery 很陌生,不知道我哪里出錯了。<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貢獻1812條經驗 獲得超5個贊

目前,您正在定位 HTML 中的所有項目,以便僅定位單擊的組中的項目,您可以使用 .parents 選擇器查找父級,然后搜索相關項目。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();

    });

});


查看完整回答
反對 回復 2023-10-20
  • 1 回答
  • 0 關注
  • 124 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號