【问题标题】:How to get the styled, checked option to email?如何获得样式化、选中的电子邮件选项?
【发布时间】:2016-01-06 03:07:24
【问题描述】:

我刚刚在我的网站上的联系表单上设置了复选框样式:cleaners.se/home 我的问题是:如果我选择“电话”,我怎样才能将此选项发送到我的电子邮件?

在我只需要输入简码之前在联系表 7 上,我现在也可以这样做吗?

代码如下:

.knapp + label {
}

label {
	display: inline;
}

.knapp {
	display: none;
}

.knapp + label {
	background-color: #2CACA9;
	border: 0;
	border-radius: 0;
	height: 50px;
	width: 50px;
	top: 3px;
	display: inline-block;
	position: relative;
	margin-left: 10px;
}

.knapp + label:active, .knapp:checked + label:active {
}

.knapp:checked + label {
	background-color: #2CACA9;
	border: 0;
	color: #FFFFFF;
}

.knapp:checked + label:after {
	content: '\2716';
	font-size: 25px;
	font-family: "montserrat";
	position: absolute;
	top: 3px;
	left: 15px;
	color: #FFFFFF;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<div>
    Telefon:<input type="checkbox" id="telefon" class="knapp"><label for="telefon"></label>
        E-post:<input type="checkbox" id="epost" class="knapp"><label for="epost"></label>
    <script>
        $('div .knapp').click(function() {
            checkedState = $(this).attr('checked');
            $(this).parent('div').children('.knapp:checked').each(function() {
                $(this).attr('checked', false);
            });
            $(this).attr('checked', checkedState);
        });
    </script>
</div>

【问题讨论】:

  • 你必须在contact-form 7后端这样做

标签: javascript html css wordpress contact-form-7


【解决方案1】:

你需要制作一个普通的表单,没有javascript你可以(也可以)

  Telefon: <input type="checkbox" id="telefon" name="telefon" value="true" class="knapp">

您在服务器中收到名为 telefon 且值为 true 的复选框

【讨论】:

  • 您能解释一下吗?请在 Tidy 中给我看这个。这将是一个排他性的选择,因为这是我想要的。它应该只能选择一个选项。
  • 要选择一个选项,最好是单选按钮,而不是复选框。复选框用于多个值。单选按钮用于单个值。我可以删除这个答案,然后再做一个。
  • 首先告诉我,如果您需要发送邮件,您是否运行了网络服务器? php?爪哇? ASP? .NET?
猜你喜欢
  • 2011-07-29
  • 2012-06-04
  • 1970-01-01
  • 2022-01-06
  • 2022-08-24
  • 1970-01-01
  • 2013-10-25
  • 1970-01-01
  • 2014-05-13
相关资源
最近更新 更多