gpt4 book ai didi

javascript - 单选按钮内的输入字段不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 06:48:41 25 4
gpt4 key购买 nike

我试图让单选按钮的输入字段 onclick 起作用,但它似乎不起作用。

我的 fiddle :https://jsfiddle.net/6qoe89j2/8/

$("#ddlMth").hide();
$("input[type='radio']").change(function() {

if ($(this).val() == "delivery-yes") {
$("#ddlMth").show();
} else {
$("#ddlMth").hide();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="radioFrequency" onclick="myMth()" id="radioFrequency-0" value="delivery-yes" /> Yes.
<input type="radio" name="radioFrequency" id="radioFrequency-0" /> No.
<div class="controls">
<label id="ddlMth" name="ddlMth" class="car-list-step-label" for="country">Test</label>
<input id="ddlMth" name="ddlMth" type="text" placeholder="e.g £50" class="form-control car-list-input">
</div>

最佳答案

多个元素不能有相同的 ID。我已经更改了标签和输入的 ID。

您不需要 jQuery,您可以使用 CSS。

见下面的片段:

.controls{
display:none;
}

input[value="delivery-yes"]:checked ~ .controls {
display: block;
}
<input type="radio" name="radioFrequency" id="radioFrequency-0" value="delivery-yes" /> Yes.
<input type="radio" name="radioFrequency" id="radioFrequency-0" /> No.
<div class="controls">
<label id="ddlMthLabel" for="ddlMth" class="ddlMth car-list-step-label">Test</label>
<input id="ddlMthInput" name="ddlMth" type="text" placeholder="e.g £50" class="ddlMth form-control car-list-input">
</div>

关于javascript - 单选按钮内的输入字段不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53048870/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com