Question

i’m trying to run a function after checkbox checked and pushed submit button with jquery

this is what i have:

 <form name="select">
       <label for="Genre"><input type="checkbox" checked="checked" id="Genre">Genre</label>
       <input type="button" onclick="myFunction()" value="submit">      
 </form>

this is my function:

function myFunction() {

    $("input [id=Genre] [checked]").each(
        function() {
            alert("genre is checked");  
        }

    );  
}

any ideas what i’m doing wrong?

Answer 1

If you select by ID you can just use:

$('#Genre')

If you want to select all checkboxes then you can just:

$('input[type="checkbox"]')

If you want to select a checked checkbox you can use:

$('input[type="checkbox"]:checked')

If you want to do something WHEN someone checks a checkbox you need to add an event listener:

$('#Genre').bind('click', function() {
   // do something when checkbox with ID Genre is clicked

   if ($(this).is(':checked')) {
      // do something when the checkbox is checked
   }
})