Javascript If-else条件在jQuery中不起作用
我在jQuery中使用if-else条件来处理复选框。 我的条件是,至少选中一个复选框,并且在该复选框之后,如果条件正在运行而不是另一个,则发出警报。这是我的密码Javascript If-else条件在jQuery中不起作用,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我在jQuery中使用if-else条件来处理复选框。 我的条件是,至少选中一个复选框,并且在该复选框之后,如果条件正在运行而不是另一个,则发出警报。这是我的密码 $(document).ready(function() { $('#outer_menu').click(function() { var $fields = $(this).find('input[name="mychoice"]:checked'); if (!$fields.length) {
$(document).ready(function() {
$('#outer_menu').click(function() {
var $fields = $(this).find('input[name="mychoice"]:checked');
if (!$fields.length) {
alert('You must check at least one box!');
if(".a:checked "){
$(".language").find(".translate-language").toggleClass("translate-language translate-language_show");
} else if (".a_orignal:checked") {
$(".language").find(".orignal-language_hide").toggleClass("orignal-language_hide orignal-language");
} else {
alert('chose one');
}
return false;
}
});
});
当if条件为false时,我们的else if条件不起作用,我认为您要做的是检查是否检查了原始类为a或a_的元素,因为您需要
if ($(".a").is(":checked ") {
$(".language").find(".translate-language").toggleClass("translate-language translate-language_show");
} else if (".a_orignal").is(":checked") {
$(".language").find(".orignal-language_hide").toggleClass("orignal-language_hide orignal-language");
} else {
alert('chose one');
}
用于检查元素是否满足给定的选择器
您需要获取目标元素的jQuery对象
请看这行代码:
if(".a:checked ")
我认为应该是:
if ($(".a:checked "))
不过,这可能不是问题的结束,除非a是一个类,而不是您打算选择链接
同样的问题:
else if (".a_orignal:checked")
改为:
if($(".a").is(":checked")){
以及:
.prop方法获取匹配集中第一个元素的属性值
写:
if(".a").prop("checked"){
$(".language").find(".translate-language").toggleClass("translate-language translate-language_show");
}
else if (".a_orignal").prop("checked"){
$(".language").find(".orignal-language_hide").toggleClass("orignal-language_hide orignal-language");
}
您正在向if条件传递一个字符串,这将始终是真实的。我想您应该给其他开发人员一个机会来思考这个问题,因为每次我们看到问题并在短时间内开始思考您的答案:P
if(".a").prop("checked"){
$(".language").find(".translate-language").toggleClass("translate-language translate-language_show");
}
else if (".a_orignal").prop("checked"){
$(".language").find(".orignal-language_hide").toggleClass("orignal-language_hide orignal-language");
}