jQuery to check if css custom checkbox has been checked -


i had build custom checkbox using following css:

  input[type="checkbox"] {       display:none;   }   input[type="checkbox"] + label span {       display:inline-block;       width:19px;       height:19px;       margin:-1px 4px 0 0;       vertical-align:middle;       background:url("../image/checkbox.png") 0 -20px no-repeat;       cursor:pointer;   }   input[type="checkbox"]:checked + label span {       background:url("../image/checkbox.png") 0 -1px no-repeat;   }

however having problem in checking if checkbox checked or not following function:

var radio_check = $('#one input[type="checkbox"]');      function add_color(element, color){         element.css('background-color', color);     }      function checkemailformat(){         if(emailreg.test(emailaddressval)) {             add_color(email, red);         }         else {             return true;         }     }      function check_radio_checkb(){         if(!radio_check.is(':checked')){             alert('no');         }         else{             alert('yes');             // return true;         }     }      function validate_form(){          $('form input:not(.email input), textarea').each(function(){             if ($(this).val() == '') {                 add_color($(this), red);             }             else {                 add_color($(this), white);             }          });          return (checkemailformat() && true);      }                               <div class="checkbox_wrapper">                                  <input type="checkbox" id="one" />                                 <label for="one">                                     <span></span>                                     agree the terms , conditions and privacy policy                                 </label>                                 <input type="checkbox" id="two" />                                 <label for="two">                                     <span></span>                                     join kruĊĦovice vips latest news, competitions , promotions.                                  </label>                              </div>

hey try js code instead of yours.it gives result expected.

$('input[type="checkbox"]').change(function(){ check_radio_checkb($(this));  }); function add_color(element, color){     element.css('background-color', color); }  function checkemailformat(){     if(emailreg.test(emailaddressval)) {         add_color(email, red);     }     else {         return true;     } }  function check_radio_checkb(rdb_new){     if(!rdb_new.is(':checked')){         alert('no');     }     else{         alert('yes');         // return true;     } }  function validate_form(){      $('form input:not(.email input), textarea').each(function(){         if ($(this).val() == '') {             add_color($(this), red);         }         else {             add_color($(this), white);         }      });      return (checkemailformat() && true);  }

hope works.


Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

c++ - qgraphicsview horizontal scrolling always has a vertical delta -

Image
i've subclassed qgraphicsview custom canvas used in cad application. i've reimplemented qgraphicsview::wheelevent check keyboard modifiers control key and, if control key pressed, zoom. i'm trying implement horizontal scroll when user holds shift , uses wheel. the problem i'm having horizontal scrolling always scrolls 0.279. not huge problem, hugely annoying , points else being wrong. so, here questions: is right way implement horizontal scrolling? if not, is? how eliminate delta of 0.279? thanks in advance. code , sample output below void myview::zoom(int delta) { double factor = pow(1.2, delta/abs(delta)); this->scale(factor, factor); } void myview::scrollhorizontal(int level) { qpointf center = maptoscene(viewport()->rect().center()); qdebug() << "center: " << center.x() << ", " << center.y(); centeron(qpointf(center.x() - level, center.y())); } void myview::wheelevent(qwheeleve...
Read more