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

Question

我正在使用 Zoho CRM 网络来引导表单，我需要包含电子邮件选择退出。

通过使用以下字段，如果复选框被选中，用户将在 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"/>

Answer 1

使用 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" />