Question

我要做的是让它可以选择选项1或任意数量的其他选项。因此，选项1应该是“无线电”，其他应该是正常的“复选框”。

我的代码：

<div class="input-group">
    <label>Presentation:</label>
    <input type="radio" name="presentation" id="presentation-0" value="correct">
       Option 1
    <input type="checkbox" name="presentation" id="presentation-1" value="Incorrect1">
       Option 2
    <input type="checkbox" name="presentation" id="presentation-2" value="Incorrect2">
       Option 3
    <input type="checkbox" name="presentation" id="presentation-3" value="Incorrect3">
       Option 4    
</div>

如果我这样做，你仍然可以选择与其他选项同时选项1。有谁知道我怎么能得到理想的结果？（因此，当您选择其他选项时选项1将被取消选择/选择选项1时选项2-4将被取消选择）

Answer 1

您可以通过添加属性和删除属性jquery函数轻松完成添加2个类，例如add class =＆＃34; radio＆＃34;在你的收音机输入中，并在你的复选框输入中添加class = check，然后尝试下面的jquery代码。

$('.radio').click(function(){
    $(this).attr('checked', 'checked');
    $('.check').removeAttr('checked');
})
$('.check').click(function(){
   $(this).attr('checked', 'checked'); 
   $('.radio').removeAttr('checked');
})

html / bootstrap - 一个输入组中的复选框和无线电

1 个答案: