javascript - 嵌套 'if checkbox is checked' 引发错误

标签 javascript jquery html checkbox

每当选中/取消选中任何复选框时,我都需要修改一个字符串,但当其他人向我抛出异常错误时,只有第一个复选框可以完成这项工作: ““#two-stars”.is 不是一个函数”。我尝试了不同的条件,但似乎这段代码的核心出现了问题,我还无法找到。代码:

$('#input:checkbox').change(function(){

        starsQueries = '';
        if( $('#two-stars').is(':checked') ){
            starsQueries += '&stars=401';
            console.log('checked!');
        }
        if( $('#three-stars').is(':checked') ){
            if( ('#two-stars').is(':checked') ){
                starsQueries += ',402';
            } else {
                starsQueries += '&stars=402';
            }
        }
        if( $('#four-stars').is(':checked') ){
            if( ('#three-stars').is(':checked') || ('#two-stars').is(':checked') ){
                starsQueries += ',403';
            } else {
                starsQueries += '&stars=403';
            }
        }
        if( $('#five-stars').is(':checked') ){
            if( ('#four-stars').is(':checked') || ('#three-stars').is(':checked') || ('#two-stars').is(':checked') ){
                starsQueries += ',404';
            } else {
                starsQueries += '&stars=404';
            }
        }
});

在 JSfiddle 上:https://jsfiddle.net/4mLcz6mt/1/

最佳答案

您已忽略$前面('#two-stars') , ('#three-stars')('#four-stars')

检查https://jsfiddle.net/4mLcz6mt/1/

关于javascript - 嵌套 'if checkbox is checked' 引发错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48686782/

相关文章:

javascript - list.js 可排序表出错

javascript - 渲染后应用 jQuery 插件的 Meteor 模板

javascript - 什么是 JavaScript >>> 运算符以及如何使用它?

javascript - 前端读取包含大量图像的文件夹

javascript - 如何将相同的 JQuery 应用于两个导航并为每个导航添加不同的类

php - 如何以编程方式拉伸(stretch)图像?

javascript - 与 URL 的两种方式绑定(bind)获取参数和表单值(选项和 slider )

javascript - 在 JQuery 中设置 $(this).text 的样式

javascript - 如何在sugarcrm中制作弹出窗口?

javascript - knockout 可观察数组中的错误值