使未选中的HTML复选框提交选中的值

Make a unchecked HTML checkbox submit a checked value

本文关键字：提交 复选框 HTML      更新时间：2023-09-26

我正在使用Zoho CRM web来引导表单，我需要包括一个电子邮件退出。

通过使用以下字段，如果复选框被选中，则用户将在Zoho CRM中取消订阅。

<input type="checkbox"  name="Email Opt Out" />

然而，我需要颠倒这一点，这样，如果复选框未选中，则取消订阅用户，但不提交任何内容/取消订阅用户的字段将被选中。

从本质上讲，我需要复选框以另一种方式工作：如果复选框未选中，则提交选中的值，如果复选框已选中则提交未选中的值。

我试过以下几种方法，但都不起作用：**注意-我希望默认情况下选中该复选框。

 <input type="hidden" name="Email Opt Out" value="TRUE"/>
 <input type="checkbox" name="Email Opt Out" checked="checked" value="FALSE"/>

使用jQuery/JS:反转值

https://jsfiddle.net/09noubr9/

$('input[name="boolValue"]').on('change', function() {
  $('input[name="invertBoolValue"]').val(!$(this).is(':checked'))
});
<input type="checkbox" name="boolValue" />
<input type="hidden" name="invertBoolValue" />

相关文章：