當(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();
});
});
添加回答
舉報(bào)
0/150
提交
取消