Do not use CSS to make round checkboxes
So you can only use pictures instead.
/** * Remember password picture button toggle */function rememberpwd () { var isremember = $ ("#remember_pwd"). attr ("Data-value"); if (0 = = Isremember) { $ ("#remember_pwd"). attr ("Data-value", "1") $ ("#remember_pwd"). attr ("src", "img/ Remember_yes.png ") }else if (1 = = Isremember) { $ (" #remember_pwd "). attr (" Data-value "," 0 ") $ (" #remember_ PWD "). attr (" src "," img/remember_no.png ") }}
<Div> <imgsrc= "Img/remember_no.png"ID= "Remember_pwd"Data-value= "0"onclick= "rememberpwd ();"style= "width:25px; height:25px;vertical-align:middle;"/> <spanstyle= "Color:white;"> Remember the password</span> <Buttontype= "button"class= "Btn btn-customize"style= "float:right;"onclick= "SignIn ()">Login</Button> </Div>
Image:
Remember password feature