Question

I need to be able to tell if the checkboxes are checked to do some basic validation. Problem: I don’t have access to the PHP generating this. There is no class added, or the basic checked=checked that most forms have. What’s the easiest way to target the checked boxes?

http://www.inpresence.in/event-registration?ee=4

EDIT: freak out!! here’s the code, i just need to target the checked boxes, everything else is working. the :checked method of jquery uses checked=checked within the checkbox, which isn’t there.

   $(document).ready(function(){
    //when the submit button is clicked...
    $("input.btn_event_form_submit").click(function(){

    //find the value of the drop down with one evening or four evenings
    var priceOption = $("#price_option-4").val();

    //match a string ending with "one evening" as the first numbers will be randomly generated by php
    var oneEvening = /^\d{2}\|One Evening$/.test(priceOption);

    //match a string ending with "four evenings" as the first numbers will be randomly generated by php
    var fourEvenings = /^\d{2}\|Four Evenings$/.test(priceOption);

    //HOW DO I GET THE CHECKED BOXES?!
    var checkedBoxCount = $('#dates-1351733097 .valid').is(':checked').length;

    //if one evening is selected make sure the checked boxes count does in fact equal one
    if(oneEvening && checkedBoxCount != 1){
        //if it doesn't alert the user and return false
        alert('You must select one date');
        return false;
    }

    //if one evening isn't selected, four is. make sure the count does indeed in 4
    else if (fourEvenings && checkedBoxCount != 4){
        //if it doesnt alert the user and return to the form
        alert('You must select four dates');
        return false;
    }

    //else, everything checks out!
    else {
        return;
    }

});
});

Answer 1

Using this JavaScript code you can check if a checkbox is checked:

var isChecked = document.getElementById("my-checkbox").checked;

Or using jQuery:

var isChecked = $('#my-checkbox').is(':checked');

EDIT: Try this and tell me if it works:

var checkedBoxCount = $('#dates-1351733097 .valid:checked').length;