[英]Check boxes: Allow for only one check box to be click at a time
I am currently working with check boxes and displaying values based on the values chosen. 我目前正在使用复选框并根据所选值显示值。 Almost everything is working in exception that i have to check boxes for
method of shipping
. 几乎所有的一切都在工作,除了我必须复选框
method of shipping
。 Right now the user can select two ways and this is an issue. 现在,用户可以选择两种方式,这是一个问题。 Is there a way to only allow one check box to be checked for
method of shipping
? 有没有办法只允许检查一个复选框
method of shipping
? EXAMPLE 例
JS 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>
HTML 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">
You should use radio buttons instead: 您应该使用单选按钮:
<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>
The key is the name
attribute, the value should be same for all the radio buttons that belong to one group. 键是
name
属性,对于属于一个组的所有单选按钮,该值应该相同。
单选按钮怎么样?
<input type="radio" name="shipping" onclick="check_value(this, 1, '4', 'shipping');">
$(function() {
$('input[type="checkbox"]').bind('click',function() {
$('input[type="checkbox"]').not(this).prop("checked", false);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.