almost 7 years ago
Hello Reader !
Here is an example how to make a custom check box using simple script and css.
Script
$(document).ready(function(){ $('label').click(function(){ $(this).toggleClass('checkedN'); }); });
css
.checkedN {background-position:0 53px} input[type=checkbox]{opacity: 0;height: 53px;width: 53px} label{height: 53px;width: 53px;background: url(check.png);display: block;}
Html
<label for=""> <input type="checkbox" name="" value="" class="checkedBtn"> </label>
You can use check box image according to your need
and add this before this scripiting :-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Starting with Chrome version 45, NPAPI is no longer supported for Google Chrome. For more information, see Chrome and NPAPI (blog.chromium.org).
Firefox and Microsoft Internet Explorer are recommended browsers for websites using java applets.
Chrome Version Support
Are you sure, you want to delete this comment?
Sign up using
0 Comment(s)