Question

我有一个反馈表单，允许人们提交反馈，但是我想让用户选择保持匿名，事情是我的CMS必须有电子邮件和名称作为必填字段，所以我想添加一个虚拟如果他们希望匿名，则输入姓名和电子邮件，然后隐藏该字段。它看起来像这样：

<input type="checkbox" class="anon">

如果勾选此项，则在名称字段中添加名称“保留匿名”，并将anon@anonymous.com添加到“电子邮件”字段，然后还隐藏div.remain-anonymous。如果未选中，则再次显示div并将字段再次清空。如果再次勾选等，请再次执行相同操作。

<form>

    <div class="remain-anonymous">
        <input type="text" value="Name" class="name-field">
        <input type="text" value="Email" class="email-field">
    </div>

    <textarea placeholder="Feedback comments"></textarea>

    <input type="submit" value="Submit">

</form>

Answer 1

你可以这样做：

$(function(){
   var email = "anon@anonymous.com",
       name = "anonymous";
   $('.anon').change(function(){
       if($(this).is(":checked")){
          $('.remain-anonymous').hide();
          $('.name-field').val(name);
          $('.email-field').val(email);
       }else{
          $('.remain-anonymous').show();
          $('.name-field').val("");
          $('.email-field').val("");
       }
   });
});

Answer 2

您可以尝试以下JQuery来实现您的目标。

$(document).ready(function () {

    $(".anon").on("click", function () {
        var $this = $(this);

        if ($this.is(':checked')) {
            $(".name-field").val("Remain anonymus");
            $(".email-field").val("anon@anonymous.com");
            //comment this to see the fields set.
            $(".remain-anonymous").hide();

        } else {
            $(".name-field").val("Name");
            $(".email-field").val("Email");
            $(".remain-anonymous").show()
        }
    });
});

check out the same code in the JSFiddle . click here

如果勾选了复选框，则将匿名电子邮件添加到字段并隐藏字段

2 个答案: