Question

我正在处理这个项目的一些问题。

我有一个不同的复选框列表，这些复选框是使用PHP从数据库中提取的记录。

现在，当我点击其中一个复选框时，我希望以某种方式在其他地方显示该选项。我一直试图让它与jQuery一起工作，但我对它没有经验，所以我真的没那么多。

Answer 1

实际上是通过使用AJAX来完成的。但是如果您知道/想要了解jQuery，那么您应该了解jQuery中的AJAX。在jQuery中，您必须在复选框中调用与特定id的click事件相关联的函数。对于Simplicity，让我们考虑每个复选框都给每个唯一ID，然后你可以单独调用一个jQuery Click事件来处理它。

<script>
$(function(){

$("#yourid").click(function() {

//do what you want to do here if checkbox "yourid" is clicked
});

$("#yournextid").click(function(){

//do what your next event is.

});
});
</script>

这里'yourid'，'yournextid'是相应复选框的id

Answer 2

保留一个隐藏变量来存储已选中复选框的值。

正如“cipher”所建议的那样，提到javascript函数复选框的onclick事件。将复选框对象作为参数传递。

在功能检查中是否选中了复选框。如果选中，则将复选框的值添加到隐藏变量中。如果未选中，则从隐藏变量中删除该值，以前检查它。

这样您就可以获得已选中复选框的列表。

Answer 3

我解决了我遇到的问题。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
    $('.checkbox').change(function(event){
        checked_value = $(this).val();          
        if(this.checked)
        {
                            $("#content").append("<div id='" + checked_value +"'>New value: " + checked_value + "</div>");

        }

        if( !this.checked )
        {
            $("#" + checked_value).remove(); 
        }

    });

            $('#checkall').change(function(){
                    $('.checkbox').attr('checked',$(this).attr('checked'))
            });

});
</script>   
    </head>
    <body>
    <input type="checkbox" id="cb1" class="checkbox" value='a' />
    <input type="checkbox" id="cb2" class="checkbox" value='b' />
    <input type="checkbox" id="cb3" class="checkbox" value='c' />

<div id="content"></div>
</body>
</html>

以上代码就是我现在使用的。

我不记得从哪里得到它，但归功于它各自的所有者。

选择复选框

3 个答案: