将单选按钮功能转换为复选框答案

【问题标题】：convert radio button functionality into checkbox将单选按钮功能转换为复选框
【发布时间】：2013-05-02 11:16:26
【问题描述】：

我有两个单选按钮

<span class="text_content">Td:</span>
<INPUT TYPE="radio" NAME="lastTetanusType" value="Td"
<c:if test="${emergencyContactInfo.lastTetanusType == 'Td' || emergencyContactInfo.lastTetanusType == null}">checked</c:if> >

 <span class="text_content">Tdap:</span>
 <INPUT TYPE="radio" NAME="lastTetanusType" value="Tdap"
<c:if test="${emergencyContactInfo.lastTetanusType == 'Tdap'}">checked</c:if> >

现在我想将这些单选按钮转换为具有功能的复选框，两者都可以为空一空一选中或同时选中。如果我只选中一个复选框，则值为emergencyContactInfo.lastTetanusType=Td，如果我选择第二个复选框，则值为emergencyContactInfo.lastTetanusType=Tdap，最后如果我同时选择两个复选框，则值为emergencyContactInfo.lastTetanusType=Td/Tdap。

【问题讨论】：

这很好，但你试过什么？
我尝试了一些 jquery 功能但没有成功。

标签： java jsp jstl

【解决方案1】：

你想说什么，伙计？现在据我了解，您想将单选按钮更改为复选框不是单选按钮，其行为类似于 checkboxex 那么好吧将您的类型更改为checkbox

simpel 演示::

<!DOCTYPE html>
<html>
<body>

<form action="">
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>

</body>
</html>

【讨论】：

【解决方案2】：

您可以将每个单选按钮放在单独的radio-groups 中。因此，您可以同时单击两者或任何一个。

【讨论】：

我想要复选框而不是单选按钮。

【解决方案3】：

单选按钮可以通过它们的类来识别所以你只需要在你的情况下分开他们的班级，我认为“name”属性可以。

【讨论】：

我想要复选框而不是单选按钮

【解决方案4】：

你有方法replaceWith():

$(':radio').each(function(){
    var $newCheckbox = $('<input type="checkbox"/>').attr({name:this.name,value:this.value});
    $(this).replaceWith($newCheckbox );
});

【讨论】：

但是新功能呢。