我希望按钮是被动的。选择某个选项时,该按钮应处于活动状态。只能选择一个选项。
<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/