我如何制作像单选按钮这样的复选框

Question

我在使用 jQuery 使复选框表现得像收音机时遇到了困难，所以我只能选中三个复选框中的一个

<legend>Choose your delivery option!</legend>
<label>
    <input type="checkbox" id="delivery" name="delivery" value="standard" />
    Standard Delivery
</label>
<label>
    <input type="checkbox" id="delivery" name="delivery" value="2day" />
    2 Day Shipping
</label>
<label>    
    <input type="checkbox" id="delivery" name="delivery" value="overnite" />
    Overnight Shipping
</label>

Answer 1

然后使用“radio”属性。 type="radio"

顺便说一句，不要使用多个具有相同 id 的元素。

以下是您应该如何做：

<legend>Choose your delivery option!</legend>
                <label><input type="radio" id="delivery" name="delivery" value="standard" />Standard Delivery</label>
                <label><input type="radio" id="delivery" name="delivery" value="2day" />2 Day Shipping</label>
                <label><input type="radio" id="delivery" name="delivery" value="overnite" />Overnight Shipping</label>

但是如果你想完成你的任务，你可以做以下事情：

$('.checkbox').click(function(){
    $('.checkbox').each(function(){
        $(this).prop('checked', false); 
    }); 
    $(this).prop('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<legend>Choose your delivery option!</legend>
                <label><input type="checkbox" id="delivery" class="checkbox" name="delivery" value="standard" />Standard Delivery</label>
                <label><input type="checkbox" id="delivery" class="checkbox" name="delivery" value="2day" />2 Day Shipping</label>
                <label><input type="checkbox" id="delivery" class="checkbox" name="delivery" value="overnite" />Overnight Shipping</label>