翁百璋與大泡泡的奇幻旅程

假設有一到題目的回答就是想看到勾選的樣子, 而不是Radio圈圈的樣子, 而且是要單選

使用jQuery很簡單可以達到

範例

html內容如下:

<div id="checkboxGroup"><ul>

<li><input type="checkbox" class="checkbox" value="星期一"/>星期一</li>

<li><input type="checkbox" class="checkbox" value="星期二"/>星期二</li>

<li><input type="checkbox" class="checkbox" value="星期三"/>星期三</li>

<li><input type="checkbox" class="checkbox" value="星期四"/>星期四</li>

</ul>

</div>

jQuery的程式碼如下

   1: $('#checkboxGroup li input').click(function(){

   2: if($(this).prop('checked')){

   3: $('#checkboxGroup li input:checkbox').prop('checked',false);

   4: $(this).prop('checked',true);

   5: }

   6: });

當勾選時click事件觸發, 先把這一個CheckBoxGroup通通設定成沒有勾選,

然後再設定當下被click的那個Checkbox的屬性 checked 為  true, 也就是勾選