jQuery 一组checkbox只能选一个，在未选择情况下点击按钮弹出“undefined”对话框怎么解决？

发布网友发布时间：2022-04-25 19:21

共3个回答

热心网友时间：2022-04-25 20:50

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<script src="jquery1.8/jquery-1.8.0.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
    //取消
    $("#cancel").click(function() {
        $(":checkbox").each(function() {
          $(this).prop("checked", false);
            $(this).next().css({
                "background-color": "white",
                "color": "black"
            });
        });
    });

    //只选择一个
    var allBox = $(":checkbox");
    allBox.click(function() {
    $("#cancel").triggerHandler("click");
    $(this).prop("checked", true);
    console.log($(":checkbox:checked").val());
    console.log($(this).val());
    });

});
</script>
</head>
<body>
<input type="button" id="cancel" value="cancel" />
<input type="checkbox" name="c" value="c1" />c1
<input type="checkbox" name="c" value="c2" />c2
<input type="checkbox" name="c" value="c3" />c3
</body>
</html>

热心网友时间：2022-04-25 22:08

你的#cancel是不是也是button呢。如果是的话选择一个checkbox之后点击button会先触发cancel。
所以alert的时候已经没有选择的checkbox了。追问cancel是取消按钮，还有一个删除按钮。我现在不进行checkbox操作，直接触发按钮

追答把:button改成用删除的id试试

热心网友时间：2022-04-25 23:43

try catch掉拉到了追问你以为在做着玩啊，要有良好的用户体验