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

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

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

score 2 · Accepted Answer

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

简单演示::

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

你有方法replaceWith()：

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

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

4 回答 4

Related

Reference