如何在使用Javascript点击提交按钮后访问复选框表单值？_Javascript_Html

如何在使用Javascript点击提交按钮后访问复选框表单值？

javascript html

如何在使用Javascript点击提交按钮后访问复选框表单值？,javascript,html,Javascript,Html,假设你有： <!DOCTYPE html> <html> <body> <form id="clicked"> <input type="checkbox" value="yes">yes<br> <input type="checkbox" value="no">no<br> <input type="button" onclick="Display()" type="su

假设你有：

<!DOCTYPE html>
<html>
<body>

<form id="clicked">

  <input type="checkbox" value="yes">yes<br>

  <input type="checkbox" value="no">no<br>

  <input type="button" onclick="Display()" type="submit" value="Submit">

</form>

<p id="change"></p>

<script>

function Display() {

    var clicked = document.getElementById("clicked").value;
    document.getElementById("change").innerHTML = clicked;
} 

</script>

</body>
</html>


是

否


函数显示（）{
var clicked=document.getElementById（“clicked”）.value；
document.getElementById（“更改”）.innerHTML=已单击；
}

您希望Javascript在单击submit后将复选框的值显示在屏幕上，但它会一直打印“未定义”，因此显然无法正确访问表单。有什么问题吗？


<!DOCTYPE html>
<html>
<body>

<form id="clicked">

  <input type="checkbox" id="cb1" value="yes">yes<br>

  <input type="checkbox" id="cb2" value="no">no<br>

  <input type="button" onclick="Display()" type="submit" value="Submit">

</form>

<p id="change"></p>

<script>

function Display() {

    var clicked = document.getElementById("cb1").checked;
    var clicked2 = document.getElementById("cb2").checked;
    document.getElementById("change").innerHTML = " yes : " +clicked;
    document.getElementById("change").innerHTML += "<br/> no : " + clicked2;
} 

</script>

</body>
</html>

是

否


函数显示（）{
var clicked=document.getElementById（“cb1”）。选中；
var clicked2=document.getElementById（“cb2”）。已选中；
document.getElementById（“更改”）.innerHTML=“是：”+单击；
document.getElementById（“更改”）.innerHTML+=“
否：”+点击2；
}

请参见此处


是

否


函数显示（）{
var clicked=document.getElementById（“cb1”）。选中；
var clicked2=document.getElementById（“cb2”）。已选中；
document.getElementById（“更改”）.innerHTML=“是：”+单击；
document.getElementById（“更改”）.innerHTML+=“
否：”+点击2；
}

请参见此处

您需要选中复选框而不是表单ID您需要纯javascript还是可以使用jqueryyou需要选中复选框而不是表单ID您需要纯javascript还是可以使用jqueryWhat if is

cb2

已选中？如果已选中

cb2

该怎么办？