Javascript 不同的复选框组在jquery中不起作用_Javascript_Jquery

Javascript 不同的复选框组在jquery中不起作用

javascript jquery

Javascript 不同的复选框组在jquery中不起作用,javascript,jquery,Javascript,Jquery,我更喜欢从特定的复选框组中获取复选框，这取决于我单击的按钮，我使用了$（'input[name=“”+groupName+'”]：checked'）。这将确保只选中咖啡或动物复选框组中的复选框。但它没有像我预期的那样工作 <body> <div> <input type="checkbox" value="Lion" name="animals" checked />Lion<br> <input ty

我更喜欢从特定的复选框组中获取复选框，这取决于我单击的按钮，我使用了

$（'input[name=“”+groupName+'”]：checked'）

。这将确保只选中咖啡或动物复选框组中的复选框。但它没有像我预期的那样工作

<body>
    <div>
        <input type="checkbox" value="Lion" name="animals" checked />Lion<br>
        <input type="checkbox" value="Tiger" name="animals" />Tiger<br>
        <input type="checkbox" value="Elephant" name="animals" />Elephant<br>
        <input type="checkbox" value="Girafee" name="animals" />Girafee<br>
        <input type="submit" id="__mainAnimals" />
        <br><br><br><br><br><br>
        <input type="checkbox" value="Coffe" name="drinks" checked />Coffe<br>
        <input type="checkbox" value="Tea" name="drinks" />Tea<br>
        <input type="checkbox" value="Milk" name="drinks" />Milk<br>
        <input type="checkbox" value="Mocha" name="drinks" />Mocha<br>
        <input type="submit" id="__mainDrinks" />
    </div>
    <div id="__DIVresult"></div>


    <script type="text/javascript">
        $(document).ready(function () {
        $('#__mainAnimals').click(function () {
            getSelectedCheckBoxes('animals');
        });

        $('#__mainDrinks').click(function () {
            getSelectedCheckBoxes('drinks');
        });

        var getSelectedCheckBoxes = function (groupName) {
            var result = $('input[name="' + groupName + '"]:checked');
            if (result.length > 0) {
                var resultString = result.length + " checkboxe(s) checked<br/>";
                result.each(function () {
                    resultString += $(this).val() + "<br/>";
                });
                $('__DIVresult').html(resultString);
            }
            else {
                $('__DIVresult').html("No checkbox checked");
            }
        };
    });

    </script>

</body>


狮子

老虎

大象

吉拉菲








咖啡

茶

牛奶

摩卡咖啡

$（文档）.ready（函数（）{
$（'#uuu mainAnimals'）。单击（函数（）{
GetSelected复选框（“动物”）；
});
$（'#uu-main饮料'）。单击（函数（）{
GetSelected复选框（“饮料”）；
});
var GetSelectedCheckBox=函数（组名）{
var result=$（'input[name=“”+groupName+']：选中'）；
如果（result.length>0）{
var resultString=result.length+“选中的复选框
”；
结果。每个（函数（）{
resultString+=$（this.val（）+“
”；
});
$（''uuu DIVresult'）.html（resultString）；
}
否则{
$（''uuu DIVresult'）.html（“未选中复选框”）；
}
};
});

第一个id选择器是

所以

$（''uuuu DIVresult'）

应该是

$（'uuuuu DIVresult'）

第二，为了兼容性，ID应该以字母开头

使用ASCII字母和数字以外的字符“.'”、“-”和“.”可能会导致兼容性问题，因为HTML 4中不允许使用这些字符。尽管HTML5中取消了这一限制，为了兼容，ID应该以字母开头
参考：
第三个小更新，增加了两个结果分区，一个用于动物，一个用于饮料：

<hr> animals Result: <div id="DIVresultanimals"></div> <hr> drinks Result: <div id="DIVresultdrinks"></div>
第一个id选择器是
，因此
$（“uuuuDivResult”）
应该是
$（'.\uuuDivResult'）
第二，为了兼容性，ID应该以字母开头
使用ASCII字母和数字以外的字符“.'”、“-”和“.”可能会导致兼容性问题，因为HTML 4中不允许使用这些字符。尽管HTML5中取消了这一限制，为了兼容，ID应该以字母开头
参考：
第三个小更新，增加了两个结果分区，一个用于动物，一个用于饮料：

<hr> animals Result: <div id="DIVresultanimals"></div> <hr> drinks Result: <div id="DIVresultdrinks"></div>

在饮料和动物部分，您没有将两者分开，因此当您使用单击功能时，它不会区分两个部分。一旦您将每个项添加到一个类中，该按钮将只调用实际选中的已选中项

<html>

狮子老虎象吉拉菲
在饮料和动物部分，您没有将两者分开，因此当您使用单击功能时，它不会区分两个部分。一旦您将每个项添加到一个类中，该按钮将只调用实际选中的已选中项

<html>

狮子老虎象吉拉菲

在这段代码中，我给每种动物命名，并将它们放在一个类中，这样我就可以从数组中调用它们。我希望这有帮助

在这段代码中，我给每种动物命名，并将它们放在一个类中，这样我就可以从数组中调用它们。我希望这会有所帮助。
欢迎来到stackOverflow@arrafat，如果有任何答案对您有帮助，如果答案是您想要的，请将其标记为未来的读者。非常感谢。欢迎来到stackOverflow@arrafat，如果有任何答案对您有帮助，如果答案是您想要的，请将其标记为未来的读者。非常感谢。
$('#save_value').click(function(){ $('.ads_Checkbox:checked').each(function(){ updateTextArea(); }); });