如果没有选中单选按钮，我该怎么做
[英]how can i do a function when radio button is not checked
问题描述
i wrote the below code to check if radio button is not checked do another function .but the code does not work here is my snippet : 
我写了下面的代码来检查是否没有选中单选按钮做另一个功能。但是代码不起作用是我的摘录：
$('.multiway').change(function(){ if ($('.multiway').is(':checked')){ $("#cityadd").removeClass("multiflight"); $("#cityadd").addClass("multiflight-checked"); } else{ if ($('.multiway').not(':checked')){ $("#cityadd").removeClass("multiflight-checked"); $("#cityadd").addClass("multiflight"); }} });
<!doctype html> <html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <style> .multiflight{display:none !important;} .multiflight-checked{display:block !important;} </style> </head> <body> 1 <input type="radio" class="multiway" name="ways"> 2 <input type="radio" name="ways"> <div class="newcity multiflight" id="cityadd">HELLOO</div> </body> </html>
2 个解决方案
解决方案1
0 已采纳 2016-10-23 13:49:38
You need to bind the event to the ways input, instead of to the specific buton: 您需要将事件绑定到ways输入，而不是特定的按钮：
$('input[name="ways"]').change(function(){
if ($('.multiway').is(':checked')){
$("#cityadd").removeClass("multiflight");
$("#cityadd").addClass("multiflight-checked");
}
else{
if ($('.multiway').not(':checked')) {
$("#cityadd").removeClass("multiflight-checked");
$("#cityadd").addClass("multiflight");
}
}
});
https://jsfiddle.net/6xhcfc56/1/ https://jsfiddle.net/6xhcfc56/1/
But you can make things more short and elegant, by adding a value attribute to the form and question it: 但是，您可以通过向表单添加value属性并对其进行质疑来使事情变得更简洁明了：
HTML: HTML：
<input type="radio" class="multiway" name="ways" value="0">1
<input type="radio" name="ways" value="1">2
JS: JS：
$('input[name="ways"]').change(function(){
var val = $(this).val();
if(val == 0)
$('#cityadd').removeClass('multiflight')
else
$('#cityadd').addClass('multiflight')
});
https://jsfiddle.net/f15LnedL/2/ https://jsfiddle.net/f15LnedL/2/
解决方案2
0 2016-10-23 14:16:08
$('.multiway').change(function(){
if ($(this).prop('checked')){
$("#cityadd").removeClass("multiflight");
$("#cityadd").addClass("multiflight-checked"); }
else{
$("#cityadd").removeClass("multiflight-checked");
$("#cityadd").addClass("multiflight");
}
});
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.