有沒有辦法讓我檢查每一行上只有一個複選框？

Question

嗨，我想創建一個表格，其中用戶選擇上午或下午會議爲每週的每一天，除週一只有我可用。

我的代碼目前是：

<table border="0" id="EnrollPreSes">   
    <tr> 
     <td>Day</td> 
     <td>AM <br/> 8:30 - 11:30 </td> 
     <td>PM <br/> 12:00 - 3:00</td> 
    </tr> 
    <tr> 
     <td>Monday</td> 
     <td><input type="checkbox" name="Prefses[]" id="mam" value="MonAM"></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td>Tuesday</td> 
     <td> 
       <input type="radio" name="Prefses" value="TueAM"> 
     </td> 
     <td> 
      <input type="radio" name="Prefses" value="TuePM"> 
     </td> 
    </tr> 
    <tr> 
     <td>Wednesday</td> 
     <td> 
      <input type="radio" name="Prefses" value="WedAM"> 
     </td> 
     <td> 
      <input type="radio" name="Prefses" value="WedPM"> 
     </td> 
    </tr> 
</table> 

等了一週的休息，有沒有辦法只允許一個上午或下午插槽被選中的每一天，然後被送到我PHP腳本作爲數組？

Answer 1

給每行單選按鈕同名的jsfiddle這裏：

http://jsfiddle.net/QTCy2/8/

<form id="EnrollPreSes"> 
<table border="0" id="EnrollPreSes">   
    <tr> 
     <td>Day</td> 
     <td>AM <br/> 8:30 - 11:30 </td> 
     <td>PM <br/> 12:00 - 3:00</td> 
    </tr> 
    <tr> 
     <td>Monday</td> 
     <td> 
     <input type="radio" name="monday" value="MonAM"> 
     </td> 
     <td> 
      <input type="radio" name="monday" value="MonPM"> 
     </td> 
    </tr> 
    <tr> 
     <td>Tuesday</td> 
     <td> 
       <input type="radio" name="tuesday" value="TueAM"> 
     </td> 
     <td> 
      <input type="radio" name="tuesday" value="TuePM"> 
     </td> 
    </tr> 
    <tr> 
     <td>Wednesday</td> 
     <td> 
      <input type="radio" name="wednesday" value="WedAM"> 
     </td> 
     <td> 
      <input type="radio" name="wednesday" value="WedPM"> 
     </td> 
    </tr> 
</table> 

     <input type="submit" value="Submit"> 

</form> 

$(function(){ 
    $('#EnrollPreSes').on('submit', function() { 
     alert($(this).serialize()); //Send to your PHP script 
     return false; 
    }); 
}); 

Answer 2

它會更容易有一AM收音機和十三點廣播，但如果你真的想：

$(document).ready(function() { 
    $('input > radio').click(function() { 
     $(this).siblings().removeAttr('checked'); 
    )} 
)} 

我知道你已經複選框星期一因此它可以適於適應。