Javascript 为什么复选框属性显示为';假';(未选中)何时选中?

Javascript 为什么复选框属性显示为';假';(未选中)何时选中?,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我的问题是,我已经创建了一个工作代码笔,它完美地展示了我的想法。在web服务器上实现代码时,它将停止正常工作 具体来说,我的复选框一次只允许选中一个复选框。当用户尝试检查多个时,将取消选中最近的一个,并发出警报。它通过在调用函数时检查“checked”属性来实现这一点。根据属性的不同,复选框计数器中会添加或减去一个点。接下来,选中复选框计数器以确保只选中一个-否则,它将减去一个点并取消选中most重置复选框 在web服务器上演示时,单击每个框将从复选框计数器中减去。这反过来只允许一个不断向下计数

我的问题是,我已经创建了一个工作代码笔,它完美地展示了我的想法。在web服务器上实现代码时,它将停止正常工作

具体来说,我的复选框一次只允许选中一个复选框。当用户尝试检查多个时,将取消选中最近的一个,并发出警报。它通过在调用函数时检查“checked”属性来实现这一点。根据属性的不同,复选框计数器中会添加或减去一个点。接下来,选中复选框计数器以确保只选中一个-否则,它将减去一个点并取消选中most重置复选框

在web服务器上演示时,单击每个框将从复选框计数器中减去。这反过来只允许一个不断向下计数的计数器-没有真正进行检查

因此,我的问题是: 为什么复选框似乎忽略了它已被选中的事实

HTML

<div id="container">
  <input id="thisone" class="chk" type="checkbox" value="1"/>
  <label for="thisone">Ha</label>
  <input id="thatone" class="chk" type="checkbox" value="1"/>
  <label for="thatone">Mwaha</label>
  <input id="thishere" class="chk" type="checkbox" value="1"/>
  <label for="thishere">Hi</label>
  <input id="thatthere" class="chk" type="checkbox" value="1"/>
  <label for="thatthere">Hello</label>  
</div>
<h3></h3>
代码笔。
项目转到有关收入的问题(第12页)。

我不确定我是否理解您的问题,但这可能是因为服务器对您复选框上的默认值的处理方式不同。在HTML中,您已将所有复选框的值属性设置为1,但复选框的值与复选框的checked属性不同。选中这些复选框时,您正在将选中的属性从missing更改为true

也许您可以看到是否将checked=“false”添加到输入:

<input id="thisone" class="chk" type="checkbox" checked="false" value="1"/>

但正如其他人所说,你真正想要的是一个单选按钮。复选框仅适用于可以同时选择多个内容的情况

var targ = "#"+e.target.id;
必须更具体一些,比如

var targ = "#page_12 #"+e.target.id;

这是因为您对每个页面使用相同的ID。

我还没有完全理解这个问题,但这听起来像是您想要单选按钮而不是复选框。它们可以工作,但对于手头的特定任务,它们需要是复选框,具有单选功能。在选择一个按钮时,只需取消选择其余的按钮就更容易了。除此之外,您向我们展示的代码没有任何实际问题,您是否在服务器上检查了您的ID,确保它们是正确的和唯一的?所以我想我过于复杂了?如果在选择新的输入时取消选择,我假设我将使用checked属性遍历所有输入?我检查了身份证,一切都好。然而,这有点偏离了方向。如果你关注我刚刚发布的第二个链接,你可以看到这个问题。这就像浏览器停止读取属性一样。实际上,您正在项目页面中重用ID。我看到
quest-chkbox-2
使用了三次。也就是说,单选按钮在这种情况下是正确的方法。正确的解决方案不是更具体,而是使用唯一的ID。好的,这可以解决问题@Blazemonger以及我没有这样做的唯一原因是,当你像那样使用“checked”时,它是一个属性。在文档中的某个地方,它表示当选中属性“checked”时,它不会在选中或取消选中时更改其值,而属性“checked”会随着框的单击而更改。
var targ = "#page_12 #"+e.target.id;