jquery ui 学习随笔 button

五．单选框、复选框
button 按钮不但可以设置普通的按钮，对于单选框、复选框同样有效。
//HTML 单选框
<input type="radio" name="sex" value="male" id="male">
<label for="male">男</label>
</input>
<input type="radio" name="sex" value="female" id="female">
<label for="female">女</label>
</input>
//jQuery 单选框
$(‘#reg input[type=radio]‘).button();
//jQuery 单选框改
$(‘#reg‘).buttonset(); //HTML 部分做成一行即可
//HTML 复选框
<input type="checkbox" name="color" value="red" id="red">
<label for="red">红</label>
</input>
<input type="checkbox" name="color" value="green" id="green">
<label for="green">绿</label>
</input>
<input type="checkbox" name="color" value="yellow" id="yellow">
<label for="yellow">黄</label></input>
<input type="checkbox" name="color" value="orange" id="orange">
<label for="orange">橙</label>
</input>
//jQuery 复选框
$(‘#reg input[type=radio]‘).button();
//jQuery 复选框改
$(‘#reg‘).buttonset();