如果在表单javascript中单击复选框,则为变量指定一个值

如果在表单javascript中单击复选框,则为变量指定一个值,javascript,html,forms,checkbox,Javascript,Html,Forms,Checkbox,只要单击某些复选框,我就会尝试为变量赋值。下面的代码可以满足我的需要,但一旦我将其放入表单中,它就会破坏函数 我想我遗漏了一些非常简单的东西,但我一生都不知道如何选择表单值——还有谁会建议如何使用多个复选框来缩放表单值 功能cb3(复选框){ 如果(复选框。选中){ 警报(“调用函数!”); $userChoice1='value1'; }否则{ $userChoice1=''; } } Value1您可以使用: $('#cb3test').change(function () {

只要单击某些复选框,我就会尝试为变量赋值。下面的代码可以满足我的需要,但一旦我将其放入表单中,它就会破坏函数

我想我遗漏了一些非常简单的东西,但我一生都不知道如何选择表单值——还有谁会建议如何使用多个复选框来缩放表单值

功能cb3(复选框){
如果(复选框。选中){
警报(“调用函数!”);
$userChoice1='value1';
}否则{
$userChoice1='';
}
}
Value1
您可以使用:

$('#cb3test').change(function () {
        if ($(this).is(':checked')) {
           alert("function called!");
            $userChoice1 = 'value1';
        } else {
           $userChoice1 = '';
        }
    });

因此,您可以在表单中有几个复选框,然后使用onsubmit事件检查所有复选框输入的值:

<form id="myId" name="myForm" onsubmit="myFunction()">
   <input type="checkbox" id="cb3test" name="cb3" value="value1"/>
   <input type="checkbox" id="cb3test" name="cb4" value="value2"/>
   <input type="submit"/>
</form>

myFunction() {
var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].type == "checkbox") {
        {your logic here} 
    }  
}
}

myFunction(){
var inputs=document.getElementsByTagName(“输入”);
对于(变量i=0;i

PS:我不知道你是否可以运行这个精确的代码,因为我上次编写html/js已经很久了,但我想你可以理解。

但是他可以使用,因为他已经包含了jquery.min.js jquery是@Daniel在上一次编辑中添加的,不应该。。(向后滚动)。