Javascript 如何从获取数据并将其转换为JS变量

我正在使用HTML通过创建检查表。这是我的代码的一个小示例

<input type="checkbox" value="Expedia" />
<img src="http://cruise360.org/media/ex_logos/3zp4zr1avvnfydluitkn4yur31iveig3172013_111844.jpg" style="width:236px;height:135px;" />
<br />

---

我怎样才能像那样连接HTML和Javascript？谢谢。

您需要一些方法来识别输入。我会在上面粘贴一个id以使它更干净/更快，但您可以使用class/tag

if(document.getElementById('expediaBox').checked){
  expediaChecked = 1;
}else{
  expediaChecked = 0;
}

我相信，如果您想：

expediaChecked = document.getElementById('expediaBox').checked ? 1 : 0;

---

编辑：显然，如果您使用的是现代浏览器，您可以使用document.queryselectoral'input[value=Expedia]'代替document.getElement

定义一个onchange处理程序

<input id="expediaBox" type="checkbox" value="Expedia" />

document.getElementById('expediaBox').onchange = function(e) {
  expediaChecked = e.target.checked ? 1 : 0;
  // debug it
  console.log('checkbox checked', expediaChecked);
}

---

这将解决您的问题：

函数myFunctioncb{ expediaChecked=cb.checked？1:0； console.logexpediaChecked； }

---

非常感谢。我认为它奏效了。但问题是：它什么时候起作用，变量是否会在我检查后立即更改为1？否，为了动态更改变量，您需要将该检查包装到eventlistener.document.getElementById'expediaBox'。addEventListener'change'，函数{//您要运行的东西进入这里}；例如webdeb的答案是Cleaner如果我想将它改为an，并让它在单击时更改变量值，我会保持它与onchange=myfunction相同吗？还是我应该将它改为onclick，还需要在第一部分中更改cb？我应该如何更改它？是否要将复选框替换为h1？或者你想要在h1里面有复选框？

<input id="expediaBox" type="checkbox" value="Expedia" />

document.getElementById('expediaBox').onchange = function(e) {
  expediaChecked = e.target.checked ? 1 : 0;
  // debug it
  console.log('checkbox checked', expediaChecked);
}