Javascript 复选框：一次只允许单击一个复选框

我目前正在使用复选框，并根据选择的值显示值。几乎所有的东西都在工作，除了我必须选中

装运方法的复选框

。现在，用户可以选择两种方式，这是一个问题。是否有一种方法可以只允许选中装运方法的一个复选框

JS

<script>
function check_value(currentElement, val, id, type) {
    var el = document.getElementById("imgBox" + id);
    if (val > 0 && val < 4) { //will trigger when [1,2,3]

        if(currentElement.checked)
        {
            el.src = "images/" + type + val + ".jpg";
            el.style.display = "";
        }
        else
        {
            el.src = "";
            el.style.display = "none";
        }

    }
}    
</script>

函数检查值（currentElement、val、id、类型）{
var el=document.getElementById（“imgBox”+id）；
如果（val>0&&val<4）{//将在[1,2,3]时触发
如果（currentElement.checked）
{
el.src=“images/”+type+val+”.jpg”；
el.style.display=“”；
}
其他的
{
el.src=“”；
el.style.display=“无”；
}
}
}    

HTML

<h2>Choose method of shipping</h2>
<form name="shipping_list">
    <input type="checkbox" name="shipping1" onclick='check_value(this, 1, "4", "shipping")'/> USPS Ground<br />
    <input type="checkbox" name="shipping2" onclick='check_value(this, 2, "4", "shipping")'/> FedEx         
</form>

<img id="imgBox4" src="#" style="display:none">

选择运输方式
USPS地面

联邦快递

怎么样

---

您应该改用单选按钮：

<form name="shipping_list">
    <input type="radio" name="shipping" id="shipping1" onclick='check_value(this, 1, "4", "shipping")'/> USPS Ground<br />
    <input type="radio" name="shipping" id="shipping2" onclick='check_value(this, 2, "4", "shipping")'/> FedEx         
</form>

USPS地面

联邦快递

键是

name

属性，属于一个组的所有单选按钮的值应相同

$(function() { 
  $('input[type="checkbox"]').bind('click',function() {
    $('input[type="checkbox"]').not(this).prop("checked", false);
  });
});

$(function() { 
  $('input[type="checkbox"]').bind('click',function() {
    $('input[type="checkbox"]').not(this).prop("checked", false);
  });
});