JavaScript-清除 HTML 隐藏部分中复选框的值

Question

我有一个网络表单，其中显示了许多问题。最近有报道称，当用于显示该问题的条件满足、然后不满足、再次满足时，表单条件部分中显示的问题之一将保留其值。

即如果用户对问题 1 回答"is"，则将显示问题 1a 和 1b，如果他们将问题 1 的答案更改为“否”，则问题 1a 和 1b 将被隐藏，但如果他们将问题 1 的答案改回来如果选择"is"，问题 1a 和 1b 将再次显示，并且之前给出的答案仍处于选中状态。 1a 和 1b 一旦隐藏并再次显示，应返回空白/空值。

如果(a)和(b)是下拉表单元素，我设法在隐藏和重新显示时将(a)和(b)部分的答案清空，代码如下:

但是，该表单由许多不同类型的字段组成，目前我在清除复选框列表的选定选项(可以选择多个复选框)时遇到了一些麻烦。

我尝试以与下拉菜单类似的方式清除选择:

var cb = hiddenwrapper.children('select[id^="checkbox"]');
cb.checked = false;

但是，当我通过选择"is"和“否”作为问题 1 的答案来隐藏并重新显示带有复选框答案的问题时，重新显示问题时仍会选中之前选中的复选框。

我添加的用于显示 cb.checked 设置为 false 后的值的调试确实显示它的值是 false，但复选框本身实际上仍然处于选中状态:

cb:

checked: false

length: 0

当问题隐藏并重新显示时，如何清除选定的复选框？

Answer 1

使用 jQuery 选中/取消选中复选框的正确方法是 .prop() 方法。

http://api.jquery.com/prop/

所以它应该是这样的:

var cb = hiddenwrapper.children('select[id^="checkbox"]');
cb.prop('checked', false);