jQuery ui radio input use button

使用方法很簡單，
<div id='radio'>
<input type='radio' name='radio' id='radio1'>
<label for='radio1'>是</label>
<input type='radio' name='radio' id='radio2'>
<label for='radio2'>否</label>
</div>
使用方法很簡單
$('#radio1').button();
$('#radio2').button();
也可以將兩個button分成一組
$('#radio').buttonset();
有一個需要注意的是
若在不同的div中有重覆的radio button
一定要把name設成不同的
例:
<div id='radio_div1'>
<input type='radio' name='radio' id='radio1'>
<label for='radio1'>是</label>
<input type='radio' name='radio' id='radio2'>
<label for='radio2'>否</label>
</div>
<div id='radio_div2'>
<input type='radio' name='radio' id='radio1'>
<label for='radio1'>是</label>
<input type='radio' name='radio' id='radio2'>
<label for='radio2'>否</label>
</div>

而 因為radio_div1 和 radio_div2裡的input name完全一樣
這四個按鍵就會同時被影響
也就是說 按了radio_div1 中的 radio1
再按radio_div2中的radio2
這時剛剛按的radio_div1中radio1的checked會被取消，且介面不會修改。
一定要注意