0

嗨，我正在尝试创建一个表单，用户可以在其中为一周中的每一天选择上午或下午会话，除了星期一，只有上午可用。

我的代码目前是：

    <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 脚本？

4

3 回答 3

0

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

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

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

于 2013-01-24T13:24:07.853 回答
0

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

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

});

于 2013-01-24T13:24:45.850 回答
0

为每行单选按钮赋予相同的名称，此处为 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; 
    });
});
于 2013-01-24T13:33:34.317 回答