Question

我有一个按钮：

<input type="submit" class="btn btn-primary" data1="w1d1" data2="w1d1soup" value="Add Meal to Order"></input>

我有两个复选框：

<input data="w1d1soup" type="checkbox" name="w1d1" id="w1d1" value="1">
<input type="checkbox" name="w1d1soup" value="1">

我把这个jquery做成

    $(document).ready(function() {
        $('input[type="submit"]').click(function() {
            alert("hello");

        var inputValue1 = $(this).attr("data1");
        if ($("#" + inputValue1).is(':checked')) {

            $("#" + inputValue1).attr("checked", false);
            var inputValue2 = $(this).attr("data2");
            $("." + inputValue2).toggle();

        } else {

            $("#" + inputValue1).attr("checked", true);
            var inputValue2 = $(this).attr("data1");
            $("." + inputValue2).toggle();

        }               

        });

想法是，当您单击按钮时，第一个复选框被标记为“已选中”，第二个按钮被切换为显示...。但是我似乎无法使其工作

有什么想法吗？（我添加了alert（“ hello”）;看看按钮上是否甚至出现了警报，并且没有）

Answer 1

由于大卫的评论，我解决了这个问题。

$(document).ready(
function() {

    $('input[type="submit"]').click(function() {

        var inputValue1 = $(this).attr("data1");

        if ($("#" + inputValue1).is(':checked'))
        {

            $("#" + inputValue1).attr("checked", false);
            var inputValue2 = $(this).attr("data2");
            $("." + inputValue2).toggle();

        }
        else
        {

            $("#" + inputValue1).attr("checked", true);
            var inputValue2 = $(this).attr("data2");
            $("." + inputValue2).toggle();

        }               

    }
    )
}
);

按钮单击复选框并显示另一个jQuery

1 个答案: