【发布时间】: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