jquery - Bootstrap checkbox won't fire the change event -
so, have checkbox made using bootstrap methodology. trying show or hide divs depending on whether or not checkbox checked. have following html:
<div class="col-lg-12"> <div class="checkbox" id="partner-div"> <label> <input type="checkbox" id="chkpartner" /> check here if acelity partner or representative submitting video on behalf of else. </label> </div> </div> <div class="form-group acelity-partner" style="display:none"> <div class="col-lg-12"> <label for="txtrepfirstname">representative's first name</label> <input type="text" class="form-control" id="txtrepfirstname" placeholder="representative's first name'" /> </div> </div> <div class="form-group acelity-partner" style="display:none"> <div class="col-lg-12"> <label for="txtreplastname">representative's last name</label> <input type="text" class="form-control" id="txtreplastname" placeholder="representative's last name'" /> </div> </div> <div class="form-group acelity-partner" style="display:none"> <div class="col-lg-12"> <label for="txtrepemail">representative's email address</label> <input type="text" class="form-control" id="txtrepemail" placeholder="representative's email address'" /> </div> </div>
and following jquery inside document.ready:
$("#chkpartner").change(function (event) { if ($("#chkpartner").prop("checked")) { $(".acelity-partner").show(); } else { $(".acelity-partner").hide(); } });
can't event fire.
try using if ($("#chkpartner").prop("checked") == "checked")
. may not returning null expect when false.
Comments
Post a Comment