Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="Testing spaces and / in checkboz labels" />
<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<meta charset=utf-8 />
<title>Testing spaces and / in checkboz labels</title>
</head>
<body>
  <div id="buttonset1" class="buttonset">
    <label for="btn1">Spaces and / </label><input type="radio" id="btn1" name="buttonset1" />
    <label for="btn2">Spaces and / </label><input type="radio" id="btn2" name="buttonset1" />
    <label for="btn3">Spaces and / </label><input type="radio" id="btn3" name="buttonset1" />
  </div>
  <div id="buttonset2" class="buttonset">
    <label for="btn4">Spaces and / </label><input type="checkbox" id="btn4" name="buttonset1" />
    <label for="btn5">Spaces and / </label><input type="checkbox" id="btn5" name="buttonset1" />
    <label for="btn6">Spaces and / </label><input type="checkbox" id="btn6" name="buttonset1" />
  </div>
  
  <input type="radio" id="btn7" /><label for="btn7">ggg</label>
  <input type="checkbox" id="btn8" /><label for="btn8">More spaces and ////// slashes</label>
</body>
</html>
 
$(function(){
  $( ".buttonset" ).buttonset();
  $( document.body ).children( "input" ).button();
})();
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
djQuerypro
0viewers