jquery - How to call a function on submit? -
i not able call jquery on submit. alert in function not displayed.
i want display alert of checked checkbox names.
here's code:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>insert title here</title> </head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script> $(document).ready({ $("#rolemanagement").submit(function() { alert("hi"); var selected = new array(); $('#checkboxes input:checked').each(function() { selected.push($(this).attr('name')); }); $.each(selected, function(key, value) { alert(key + ": " + value); }); }); </script> <body> <form method="post" id="rolemanagement">role id <input type="text" name="roll_id" /> <br>role name <input type="text" name="roll_name" /> <br>role description <textarea name="roll_desc"></textarea> <br> <br> <br> <div id="checkboxes">screen1 <br>tab1 <br> <input type="checkbox" name="s1_t1_view" value="s1_t1_view" checked="checked >view<br> <input type=" checkbox " name="s1_t1_add " value="s1_t1_add " >add<br> <input type="checkbox " name="s1_t1_edit " value="s1_t1_edit " >edit<br> <input type="checkbox " name="s1_t1_delete " value="s1_t1_delete " >delete<br> tab2<br> <input type="checkbox " name="s1_t2_view " value="s1_t2_view " >view<br> <input type="checkbox " name="s1_t2_add " value="s1_t2_add " >add<br> <input type="checkbox " name="s1_t2_edit " value="s1_t2_edit " >edit<br> <input type="checkbox " name="s1_t2_delete " value="s1_t2_delete " >delete<br> screen2<br> tab1<br> <input type="checkbox " name="s2_t1_view " value="s2_t1_view " >view<br> <input type="checkbox " name="s2_t1_add " value="s2_t1_add " >add<br> <input type="checkbox " name="s2_t1_edit " value="s2_t1_edit " >edit<br> <input type="checkbox " name="s2_t1_delete " value="s2_t1_delete " >delete<br> tab2<br> <input type="checkbox " name="s2_t2_view " value="s2_t2_view " >view<br> <input type="checkbox " name="s2_t2_add " value="s2_t2_add " >add<br> <input type="checkbox " name="s2_t2_edit " value="s2_t2_edit " >edit<br> <input type="checkbox " name="s2_t2_delete " value="s2_t2_delete " >delete<br> </div> <input type="submit " name="sumbit " text="submit "> </form> </body> </html>
where going wrong?
your script not proper, need pass function parameter ready()
$(document).ready(function() { $("#rolemanagement").submit(function() { alert("hi"); var selected = new array(); $('#checkboxes input:checked').each(function() { selected.push($(this).attr('name')); }); $.each(selected, function(key, value) { alert(key + ": " + value); }); }) });
Comments
Post a Comment