Question

我有一个输入列表：

<input type='checkbox' name='182,500' value='182,500'> Below QAR 182,500 
<input type='checkbox' name='182,500plus' value='182,500plus'> Above QAR 182,500 – Below QAR 365,000
<input type='checkbox' name='365,000' value='365,000'> Above QAR 365,000

<span class="custom-link btn border-width-0 info-submit btn-color-xsdn btn- outline btn-icon-left">Submit</span>

我想一次将其限制为一个复选框。我尝试使用此方法：

if ($("[name='182,500']").prop('checked')) {

$("[name='182,500plus']").prop('checked', false);
$("[name='365,000']").prop('checked', false);

} else if ($("[name='182,500plus']").prop('checked')) {

$("[name='182,500']").prop('checked', false);
$("[name='365,000']").prop('checked', false);

} else if ($("[name='365,000']").prop('checked')) {

$("[name='182,500']").prop('checked', false);
$("[name='182,500plus']").prop('checked', false);

}

但是由于某种原因它无法正常工作，不知道该如何解决？

Answer 1

您的事件有问题，您需要使用change事件来触发所需的任何代码。您也可以将代码改进如下：

http://localhost/media/test.json

$('.chTrigger').on('change', function(){
	$('.chTrigger').not($(this)).prop('checked', false);
});

注意：如果您想要广播行为，@ Hans Dash评论很好。 @Hans Dash说：

如果要限制用户只能选择一个选项，则应使用单选按钮而不是复选框。这有两种工作方式：对用户来说很明显，并且内置了所需的行为

制作清单一次只允许一个复选框

1 个答案: