提交后删除“check”。

11 浏览
0 Comments

提交后删除“check”。

我有一个“愚蠢”的问题：当我点击一个特定的按钮时，我想将复选框从选中状态重置为未选中状态。\nHTML\n

1
2

\nJS\n

jQuery("#resetta").click(function(){
jQuery('input:checked').removeAttr('checked');
});

0

3 答案

0 Comments

原因：问题出现的原因是使用了错误的方法来取消选中一个复选框。在代码中使用了.removeAttr()方法，但是这个方法是用来移除属性的，而不是取消选中。

解决方法：正确的解决方法是使用.prop()方法来设置checked属性为false。下面是正确的代码：

jQuery('input:checked').prop('checked', false);

这个方法会将选中的复选框取消选中。

参考链接：

- [.prop() vs .attr()](https://stackoverflow.com/questions/5874652)

- [difference between prop() and attr() in jQuery and when to use attr() and prop()](https://stackoverflow.com/questions/16051491/)

0
0 Comments

在这个问题中，问题是在提交后删除“check”。问题的原因是在提交后，复选框仍然被选中，需要将其取消选中。解决方法是使用jQuery的.prop('checked',false);方法来取消选中复选框。

以下是解决问题的代码示例：

jQuery('input:checked').prop('checked',false);

你可以在下面的链接中查看一个示例：

Fiddle

0
0 Comments

问题出现的原因：用户在提交表单后仍然能够勾选选项。

解决方法：在提交表单后移除勾选选项。

解决方法代码示例：

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  // 在这里添加移除勾选选项的代码
  // 例如：
  document.getElementById("checkbox1").checked = false;
  document.getElementById("checkbox2").checked = false;
});

完整的文章如下：

在处理复选框时，提供的答案是正确的，但是如果您打算创建一个包含其他输入的完整表单，可以使用类似于重置输入的按钮，这是一个重置表单的按钮：

看到了树木周围的木头 🙂 +1

很好的老派（正确）答案。

然而，有一个问题是，在提交表单后，用户仍然可以勾选选项。为了解决这个问题，我们可以在提交表单后移除勾选选项。可以通过以下代码实现：

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  // 在这里添加移除勾选选项的代码
  // 例如：
  document.getElementById("checkbox1").checked = false;
  document.getElementById("checkbox2").checked = false;
});

使用上述代码，当用户提交表单时，勾选选项将被自动移除。这样，用户就无法在提交表单后继续保留勾选状态了。

0