Javascript 复选框的行为类似于具有不同名称的单选按钮
我有个问题,对你们来说可能很容易。我是jquery新手,正在尝试做一个由选择框、复选框和3个单选按钮组成的表单(计算器)(3个名称相同,只有一个或没有一个可以检查) 当我提交表单时(第一次),每个输入的值都与我想要的保持一致。但是,当我第二次提交它而不刷新/重置时,之前选中的radiobutton会消失,甚至当我重新单击一个radiobutton而不刷新并提交它时,php也无法保持该值 所以我决定把单选按钮改成复选框,这就是我需要你帮助的地方 我需要3个复选框,可以选择其中一个或没有不同的“名称”Javascript 复选框的行为类似于具有不同名称的单选按钮,javascript,jquery,checkbox,radio,Javascript,Jquery,Checkbox,Radio,我有个问题,对你们来说可能很容易。我是jquery新手,正在尝试做一个由选择框、复选框和3个单选按钮组成的表单(计算器)(3个名称相同,只有一个或没有一个可以检查) 当我提交表单时(第一次),每个输入的值都与我想要的保持一致。但是,当我第二次提交它而不刷新/重置时,之前选中的radiobutton会消失,甚至当我重新单击一个radiobutton而不刷新并提交它时,php也无法保持该值 所以我决定把单选按钮改成复选框,这就是我需要你帮助的地方 我需要3个复选框,可以选择其中一个或没有不同的“名称
/>
只需将单击事件添加到复选框中即可关闭其他复选框:
$('input[type="checkbox"]').click(function(){
$('input[type="checkbox"]').not(this).prop('checked', false)
})
试试这个:-
var $unique = $('#checkbox8,#checkbox9,#checkbox10');
$unique.click(function() {
$unique.not(this).removeAttr('checked');
});
嘿,莫希特,谢谢你的快速回答。问题是,我总共有10个复选框,只有checkbox8、checkbox9和checkbox10的行为应该符合请求。那我怎么办?我知道了。我只是把它们放在一个ID为的div中:)当我将它们包装在一个ID为的div中并通过$调用时(“#testing input[type=“checkbox”]”);在jfiddle中它工作,在我的程序中它不工作。我应该把代码放在哪里,在$(document)ready(function(){…?)中??
var $unique = $('#checkbox8,#checkbox9,#checkbox10');
$unique.click(function() {
$unique.not(this).removeAttr('checked');
});