制作未经检查的HTML复选框,提交选中的值

时间:2015-12-18 14:33:27

标签: javascript jquery html

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

1 个答案:

答案 0 :(得分:1)

使用jQuery / JS反转值:

https://jsfiddle.net/09noubr9/

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