Jquery passing value of checkbox and loading div

Question

I have a Jquery that takes the value of a checkbox as soon as it has been checked and then should be hiding a DIV and reloading a .php in that same DIV instead.

So far I just get the script to act once the checkbox is ticked and the DIV to hide, but I can´t get the value of the checkbox passed and neither the DIV loaded...

Here is the code:

FORM:

echo "<input type='checkbox' class='regularCheckbox' name='color' value='".$colorBoxes[color_base1]."' /><font class='similarItemsText'>   ".$colorBoxes[color_base1]."</font><br />";

JQUERY:

<script type="text/javascript">
jQuery(document).ready(function($) {
    $(":checkbox").bind("click", function (event) {
        if($(this).is(':checked')) 
            {
            var color = $(".regularCheckbox").find(':checked').val();
            $(".itemMain").hide();
            $(".indexMain").load('indexMain.php?color='+color);
            }
});
});
</script>

indexMain.php

$color = $_GET['color'];
$items = mysql_query("SELECT * FROM item_descr WHERE color_base1 = '$color'");

My intention is to create a good filtering for my content.

Thanks!!!

nbrooks · Accepted Answer · 2012-08-03 02:31:13Z

2

Just use this. Your current code looks for a checked check-box within .regularCheckbox. .find() is used for finding children elements of those in the matched set.

jQuery(document).ready(function($) {
    $(":checkbox").bind("click", function(event) {
        if ($(this).is(':checked')) {
            var color = $(this).val();
            $(".itemMain").hide();
            $(".indexMain").load('indexMain.php?color=' + color);
        }
    });
});

Also, for this kind of thing you would be better served to use the jQuery .change event handler (so that you ignore events when the value doesn't actually change):

$("input:checkbox").change(function() {
    // what to do when the value changes
});

edited Aug 3, 2012 at 2:31

answered Aug 3, 2012 at 2:20

nbrooks

18.2k5 gold badges58 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery passing value of checkbox and loading div

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related