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>

以及本周余下的时间，有没有办法只允许每天选择am或pm插槽，然后作为数组发送到我的php脚本？

Answer 1

拥有一台Am收音机和一台Pm收音机会更容易，但如果你真的想要它：

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

我知道你有一个星期一的复选框，所以它可以适应两种情况。

Answer 2

使用jquery在this答案中指出，您可以为您的复选框添加唯一的类，然后：

var $unique = $('input.unique');
$unique.click(function() {
$unique.filter(':checked').not(this).removeAttr('checked');

}）;

Answer 3

给每一行单选按钮命名相同，jsFiddle here：

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

有没有办法只允许每行检查一个复选框？

3 个答案: