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

Popular posts from this blog

PHP and MySQL WP -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

go - golang pprof for c library code -