选择某个选项时按钮处于活动状态



我希望按钮是被动的。选择某个选项时,该按钮应处于活动状态。只能选择一个选项。

<div id="form">
<form action="#" method="post">
<br><br>
<input type="radio" id="terms" name="terms" onchange="on()">option 1.
<br><br>
<input type="radio" id="terms2" name="terms2" onchange="on()">option 2.
<br><br>
<input type="radio" id="terms3" name="terms3" onchange="on()">option 3.
<br><br>
<button type="submit" id="gonder" disabled>Send</button>
</form>
</div>

对所有无线电button保持相同的name,以便一次选择一个。

并定义了onchange方法。

function on() {
$('#gender').attr('disabled', false);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="form">
<form action="#" method="post">
<br><br>
<input type="radio" id="terms1" name="term" onchange="on()">option 1.
<br><br>
<input type="radio" id="terms2" name="term" onchange="on()">option 2.
<br><br>
<input type="radio" id="terms3" name="term" onchange="on()">option 3.
<br><br>
<button type="submit" id="gender" disabled>Send</button>
</form>
</div>

只需像这个片段中那样定义go((函数。


<div id="form">
<form action="#" method="post">
<br><br>
<input type="radio" id="terms" name="terms" onchange="on()">option 1.
<br><br>
<input type="radio" id="terms2" name="terms2" onchange="on()">option 2.
<br><br>
<input type="radio" id="terms3" name="terms3" onchange="on()">option 3.
<br><br>
<button type="submit" id="gonder" disabled>Send</button>
</form>
</div>
<script>
function on() {
document.getElementById("gonder").removeAttribute("disabled");
}
</script>

这样尝试:

function on() {
document.getElementById("gonder").removeAttribute("disabled");
}
<div id="form">
<form action="#" method="post">
<br><br>
<input type="radio" id="terms" name="terms" onchange="on()">option 1.
<br><br>
<input type="radio" id="terms2" name="terms" onchange="on()">option 2.
<br><br>
<input type="radio" id="terms3" name="terms" onchange="on()">option 3.
<br><br>
<button type="submit" id="gonder" disabled>Send</button>
</form>
</div>

要只选择一个选项,所有无线电输入都需要具有相同的名称。要在选择某个选项时启用"发送"按钮,请在JavaScript中的更改事件中启用该按钮。

到@csgoempire

<div id="form">
<form action="#" method="post">
<button id="reselect">
reselect
</button>
<br><br>
<input type="radio" id="terms" name="terms"> option 1.
<br><br>
<input type="radio" id="terms2" name="terms2" >option 2.
<br><br>
<input type="radio" id="terms3" name="terms3" >option 3.
<br><br>
<button type="submit" id="gonder" disabled>Send</button>
</form>

你好,试试这个我已经在jsfiddle 上测试过了

$('input[type="radio"]').on('click',function(){
if(!$('input[type="radio"]').prop('checked')){
$('input[type="radio"]').attr('disabled',true);
};
});
$('#reselect').on('click', function(){
$('input[type="radio"]').attr('disabled',false);
});

https://jsfiddle.net/a3rj4zsp/9/

最新更新