Question

我有两个单选按钮

<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> >

现在我想将这些单选按钮转换为复选框，其功能既可以为null，也可以为null，也可以选中。如果我只检查了一个复选框，则选择值emergencyContactInfo.lastTetanusType=Td，如果我选择第二个值emergencyContactInfo.lastTetanusType=Tdap，最后如果我选择两个，则选择emergencyContactInfo.lastTetanusType=Td/Tdap的值。

Answer 1

你想和哥们说些什么？现在据我了解你想要将你的单选按钮更改为复选框没有单选按钮表现得像checkboxex 好吧将您的类型更改为checkbox

simpel demo ::

<!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>

Answer 2

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

Answer 3

单选按钮可以由他们的班级识别因此，您只需要在您的案例中分离他们的课程，我认为“name”属性可以。

Answer 4

您的方法为replaceWith()：

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

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

4 个答案: