Home>

labelauty–jquery radio/checkbox landscaping plugin,A very small plugin based on jquery,In addition to its ability to select, deselect, disable, etc. the radio boxes/checkboxes,You can also set the selected and unselected text information, the minimum width of the label, and so on.

The specific code is as follows

<head>
<title>labelauty–jquery radio box/checkbox landscaping plugin</title>
<link rel="stylesheet" href="css/jquery-labelauty.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery-labelauty.js"></script>
</head>
<body>
<!-Code start->
<h1>jquery radio/checkbox landscaping plugin demo</h1>
<h3>your occupation (radio box)</h3>
<ul>
 <li><input type="radio" name="radio" data-labelauty="visual designer"></li>
 <li><input type="radio" name="radio" data-labelauty="interaction designer"<</li>
 <li><input type="radio" name="radio" data-labelauty="front-end engineer"></li>
 <li><input type="radio" name="radio" data-labelauty="data analyst"></li>
 <li><input type="radio" name="radio" disabled data-labelauty="unavailable"<</li>
</ul>
<hr>
<h3>Skills you are good at (checkbox)</h3>
<ul>
 <li><input type="checkbox" name="checkbox" disabled checked data-labelauty="html"></li>
 <li><input type="checkbox" name="checkbox" data-labelauty="css"></li>
 <li><input type="checkbox" name="checkbox" data-labelauty="javascript"></li>
 <li><input type="checkbox" name="checkbox" data-labelauty="seo"></li>
 <li><input type="checkbox" name="checkbox" data-labelauty="php"<</li>
 <li><input type="checkbox" name="checkbox" data-labelauty="java"></li>
 <li><input type="checkbox" name="checkbox" data-labelauty=". Net"></li>
</ul>
<script>
$(function () {
 $(":input"). labelauty ();
});
</script>
<!-End of code->
<div>
<p></p>
</div>
</body>
</html>
  • Previous Android method to achieve volume adjustment
  • Next Method for bulk modifying MySQL data table prefix using phpMyAdmin