有没有办法让我检查每一行上只有一个复选框？

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'); 
    )} 
)} 

我知道你已经复选框星期一因此它可以适于适应。