所以我有這樣的形式,其中有 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>
允許 div 上的隱藏/顯示僅在其單選按鈕組內起作用,并且不會影響相同形式的其他單選按鈕組
當年話下
2023-10-20 15:18:39