html - derequire input types if checkbox is checked -
i have form has has input types required, html below:
<p>name:*</p> <input type="text" name="name" required> <p>company name: </p> <input type="text" name="company_name"> <p>email: *</p> <input type="email" size="30" name="email" required> <p>phone:*</p> <input type="text" name="phone" required> at end of form, have checkbox states,
<div class="checkbox"> <input type="checkbox" name="checkbox_name[]" > <p>i'm going</p> <input type="checkbox" name="checkbox_name[]" > <p>thanks, can't go</p> <input type="checkbox" name="checkbox_name[]" required> <p>i have read above information</p> is there way can "de-require" above input types if , if "thanks, can't go" checkbox marked?
check out. changes `required attribute based on checkbox i'm going or not. can modify need. hope got idea.
<p>name:*</p> <input type="text" name="name" class="formelem" required> <p>company name: </p> <input type="text" class="formelem" name="company_name"> <p>email: *</p> <input type="email" class="formelem" id="email" size="30" name="email" required> <p>phone:*</p> <input type="text" class="formelem" name="phone" required> <div class="checkbox"> <input id="ckbox" type="checkbox" name="checkbox_name[]" onchange="check()"> <p>i'm going</p> <input type="checkbox" name="checkbox_name[]"> <p>thanks, can't go</p> <input type="checkbox" name="checkbox_name[]" required> <p>i have read above information</p> <script> function check() { var temp = document.getelementsbyclassname("formelem"); if (document.getelementbyid("ckbox").checked) { (var e = 0; e < temp.length; e++) { // each element var elt = temp[e]; elt.required = true; } } else { (var e = 0; e < temp.length; e++) { // each element var elt = temp[e]; elt.required = false; } } } </script>
Comments
Post a Comment