Question

我有这段代码，您可以选择参加会议的日期。如何才能同时选择2个日期呢？因为在此代码中，只能选择1个日期。我应该在这里添加什么？

       <div style="background-color:#aaa">
       <form method="post" action="[~[*id*]~]">
       <input type="hidden" name="formid" value="registrationForm" />

       <p>
       <table>

       <tr>
       <td><label for="workshop" style="margin:0.5em">Termine:</label>
       <td>
       <input type="checkbox" name="termine1" value="Montag 4. Oktober 2010" eform="Termine::1"/>&#09;Montag 4. Oktober 2010 <br/>
        <input type="checkbox" name="termine2" value="Mittwoch 13. Oktober 2010" />&#09;Mittwoch 13. Oktober 2010 <br/>
        <input type="checkbox" name="termine3" value="Freitag 22. Oktober 2010" />&#09;Freitag 22. Oktober 2010 <br/>           
    </td>
</tr>   

<tr>
    <td><label for="email" style="margin:0.5em">Email:</label></td>
    <td><input type="text" name="email" size="60" maxlength="60" eform="Email:email:1" /><td>
</tr>
  <tr>
    <td><label style="margin:0.5em; display:block" for="kopieren" >Bitte kopieren Sie den Anti-Spam Code ein: </label>
    <img src="[+verimageurl+]" alt="verification code" border="1" style="margin:0.5em"/></td>
    <td valign="top"><input type="text" name="vericode" size="20" />
</tr>


   <tr>
    <td rowspan="3" valign="right">
        <input align="right" type="submit" name="submit" style="margin:0.5em" value="Register" />
    </td>
</tr>

</table>

======

这将是另一种形式，我需要在这里添加其他日期吗？

  <h3>Registration</h3>



 <table>
<tr valign="top"><td>Termine</td><td>[+termine1+]</td></tr>
<tr valign="top"><td>Termine</td><td>[+termine2+]</td></tr>  
<tr valign="top"><td>Termine</td><td>[+termine3+]</td></tr>          
<tr valign="top"><td>Email</td><td>[+email+]</td></tr>    
 </table>

Answer 1

改为让他们Checkboxes？

<input type="checkbox" name="workshop1" value="morning-with-visit" eform="Selected Dates::1"/>&#09;18 August 2010<br/>
<input type="checkbox" name="workshop2" value="morning-without-visit" />&#09;19 August 2010<br/>
<input type="checkbox" name="workshop3" value="afternoon-with-visit" />&#09;20 August 2010 (12h50)<br/>

尝试here。

Answer 2

将输入更改为type="checkbox"。您可能需要更改name属性以正确处理服务器端，假设您正在执行此操作。

Answer 3

我同意你提供的三个答案，你应该使用复选框，因此：

    <input type="checkbox" name="morning-with-visit" eform="Selected Dates::1"/>&#09;18 August 2010<br/>
    <input type="radio" name="morning-without-visit" />&#09;19 August 2010<br/>
    <input type="radio" name="afternoon-with-visit" />&#09;20 August 2010 (12h50)<br/>

在服务器端，您只会收到已勾选的复选框。这是一个PHP示例......

if (isset($_POST['morning-with-visit'])) {
    echo 'They selected "morning-with-visit"';
}

你可以让无线电输入多选，但是把它们放在各自的名字里......就像这个例子（我只提到它可以说是可能的）。

    <input type="radio" name="workshop1" value="morning-with-visit" eform="Selected Dates::1"/>&#09;18 August 2010<br/>
    <input type="radio" name="workshop2" value="morning-without-visit" />&#09;19 August 2010<br/>
    <input type="radio" name="workshop3" value="afternoon-with-visit" />&#09;20 August 2010 (12h50)<br/>

请注意，如果你这样做，你实际上不能“取消选择”任何东西，这是不好的。很多人使用yes-no groups（虽然复选框更自然）。

Answer 4

您无法在广播组中进行多项选择。您需要使用像chekboxes这样的东西并自己执行验证，以确保选择了2个值。这可以使用javascript完成，以便在将值发布到服务器之前获得客户端验证。

复选框同时选择选项

4 个答案: