Php 带有文本输入的多个单选按钮

如何仅在单击“其他”单选按钮时启用输入类型=文本

<tr><td><font color='red' size='3'>*</font>CIVIL STATUS</td><td>:</td><td><input type='radio' name='civstat' value='Single' required='required'> Single 
                                    <br><input type='radio' name='civstat' value='Married' required='required'> Married 
                                    <br><input type='radio' name='civstat' value='Annuled' required='required'> Annuled 
                                    <br><input type='radio' name='civstat' value='Widowed' required='required'> Widowed 
                                    <br><input type='radio' name='civstat' value='Seperated' required='required'> Seperated 
                                    <br><input type='radio' name='civstat' required='required' onclick='civstattxton()'> Others, 
                                    please specify here<input type='text' name='civstat' id='civstaton'></td>
                                    </tr>

*公民身份：单身

结婚的

废止

寡居的

分开

其他,，
请在此说明

其他，请在此处指定

---

您可以使用javascript根据每个输入的onclick事件禁用/启用输入。这相当混乱，但能完成任务：

  <tr><td><font color='red' size='3'>*</font>CIVIL STATUS</td><td>:</td><td><input type='radio' name='civstat' value='Single' required='required'  onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Single 
                                <br><input type='radio' name='civstat' value='Married' required='required'  onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Married 
                                <br><input type='radio' name='civstat' value='Annuled' required='required'  onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Annuled 
                                <br><input type='radio' name='civstat' value='Widowed' required='required'  onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Widowed 
                                <br><input type='radio' name='civstat' value='Seperated' required='required' onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Seperated 
                                <br><input type='radio' name='civstat' required='required' onclick='document.getElementById("civstaton").removeAttribute("disabled");'> Others, 
                                please specify here<input type='text' name='civstat' id='civstaton' disabled></td>
                                </tr>

*公民身份：单身

结婚的

废止

寡居的

分开

其他,，
请在此说明

以下是演示：

---

我建议使用类似jQuery的库将事件处理程序附加到单选按钮上，而不是使用这种混乱的内联解决方案

您是否使用javascript框架，例如JQuery？否。。我只是一个Javascript新手。。我只知道非常基本的东西。我打算把这些数据存储在数据库里。。这个解决方案会有冲突吗？我已经更新了我的答案，这样就不会有潜在的冲突，当选择另一个单选按钮时，文本输入中将存在一个值。没问题，但是如果你对JavaScript很认真，我建议我测试你的解决方案，这就是我希望它工作的方式。伟大的谢谢你的帮助^^我建议您使用，因为如果单击任何其他单选按钮，它会恢复并再次禁用textbox。我再次测试了它，但如果在单击“其他”单选按钮后选择其他单选按钮，则文本字段仍然处于启用状态。无论如何，谢谢你^^

  <tr><td><font color='red' size='3'>*</font>CIVIL STATUS</td><td>:</td><td><input type='radio' name='civstat' value='Single' required='required'  onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Single 
                                <br><input type='radio' name='civstat' value='Married' required='required'  onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Married 
                                <br><input type='radio' name='civstat' value='Annuled' required='required'  onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Annuled 
                                <br><input type='radio' name='civstat' value='Widowed' required='required'  onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Widowed 
                                <br><input type='radio' name='civstat' value='Seperated' required='required' onclick='document.getElementById("civstaton").setAttribute("disabled","disabled");document.getElementById("civstaton").value = "";'> Seperated 
                                <br><input type='radio' name='civstat' required='required' onclick='document.getElementById("civstaton").removeAttribute("disabled");'> Others, 
                                please specify here<input type='text' name='civstat' id='civstaton' disabled></td>
                                </tr>