The following code demonstrates how to handle checkboxes with JavaScript. Note the names of all c heck boxes are same myInput[]. It could also be myInput. Both works as an array to contain the controls’ values. I prefer myInput[] as you can handle this control in PHP as an array. If you use $arr=$_POST[‘myInput’], $arr will contain the values of the controls.<\/p>\n
Note the use of getElementsByName(). It is easy to manipulate JavaScript controls using this name. You do not need to send a value\/control to the function. And in many times, document.myform.control, does not work right, specially if you want to main XHTML standard[i need to check more on this]. getElementById is also very useful. You may use getElementById for most times, but with checkbox arrays getElementsByName is better choice.<\/p>\n
Also, note that when a form is submitted only the values of the checked check boxes are submitted to the server. You may wish to use hidden controls to keep the values, so that all values are submitted and based on the checked\/non-checked you can ..control your work<\/p>\n
<html>\r\n\t<head>\r\n\t\t<script type=\"text\/javascript\">\r\n\t\t\tfunction getElements()\r\n\t\t\t {\r\n\t\t\t var x=document.getElementsByName(\"myInput[]\");\r\n\t\t\t alert(x.length);\r\n\t\t\t alert(x[0].value);\r\n\t\t\t alert(x[1].value);\r\n\t\t\t alert(x[2].value);\r\n\r\n\r\n\t\t\t }\r\n\t\t<\/script>\r\n<\/head>\r\n\r\n<body>\r\n\t<input name=\"myInput[]\" type=\"checkbox\" size=\"20\" value='10'\/>10 \r\n\t<input name=\"myInput[]\" type=\"checkbox\" size=\"20\" value='20' \/>20\r\n\t<input name=\"myInput[]\" type=\"checkbox\" size=\"20\" value='30' \/>30<\/pre>\n From: http:\/\/sitestree.com\/?p=3471
Categories:JavaScript
Tags:
Post Data:2016-07-09 20:37:45<\/p>\n
\t\tShop Online: https:\/\/www.ShopForSoul.com\/<\/a>
\n\t\t(Big Data, Cloud, Security, Machine Learning): Courses: http:\/\/Training.SitesTree.com<\/a>
\n\t\tIn Bengali: http:\/\/Bangla.SaLearningSchool.com<\/a>
\n\t\thttp:\/\/SitesTree.com<\/a>
\n\t\t8112223 Canada Inc.\/JustEtc: http:\/\/JustEtc.net (Software\/Web\/Mobile\/Big-Data\/Machine Learning) <\/a>
\n\t\tShop Online: https:\/\/www.ShopForSoul.com\/<\/a>
\n\t\tMedium: https:\/\/medium.com\/@SayedAhmedCanada <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"The following code demonstrates how to handle checkboxes with JavaScript. Note the names of all c heck boxes are same myInput[]. It could also be myInput. Both works as an array to contain the controls’ values. I prefer myInput[] as you can handle this control in PHP as an array. If you use $arr=$_POST[‘myInput’], $arr … <\/p>\n