javascript - 如何在php中检查复选框的跨度是否被选中？

Question

我有 html 表单、javascript ajax 代码和发送电子邮件的 php 代码。

我有一个问题。

我的复选框是用span制作的(参见代码)。如何检查带有类复选标记的跨度是否已选中。

我的html:

<form id="obrazec" class="form-inline">     
    <input  class="okno" type="email" id="email" placeholder="Email" name="email" required>

    <input type="checkbox" id="trgovina" value="" name="trgovina">Spletna trgovina <span class="checkmark"></span>

    <input type="checkbox" id="oglasevanje" value="" name="oglasevanje">Oglaševanje <span class="checkmark"></span>

    <input type="checkbox" id="trgovina" value="" name="strani">Spletna stran <span class="checkmark"></span>

    <div class="submitdiv">
        <button class="submit" id="potrdi" type="button" onclick>POŠLJI</button>
    </div>
</form>

我的 JavaScript:

<script type="text/javascript">


$(document).ready(function(){

    $("button#potrdi").click(function(){
        event.preventDefault(); 
        var formData = $('#my_form').serialize();


        var email = $("#email").val();






        var boolMAIL = email.includes("@");
        var dataString = 'email=' + email;




        if(boolMAIL == true ){
        $.ajax({
            url:"action_page.php", 
            type: "POST",
            data: dataString, 
            success:function(result){

               $( ".response" ).show();
                              $( ".response2" ).hide();

               $( "#obrazec" ).hide();
            $( ".prijavatext" ).hide();

            }

        });
        }
        else
        {
               $( ".response2" ).show();


        }
    });


});


</script>

我的PHP:

 $email = $_POST['email'];


    $visitor_email = $_POST['email'];

    $email_from = 'test@test.si';
    $email_subject = "Novo povprasevanje";
    $email_body = "Novo povprasevanje: 
   $email.\n ".




    $headers = "From: $email_from \r\n";
    $headers .= "Reply-To: $visitor_email \r\n";                      
    $to = "test@test.com";
    mail($to,$email_subject,$email_body,$headers);


    ?>

它工作正常(电子邮件)，我收到邮件，但我不知道如何检查复选框是否被选中，因为它实际上不是复选框而是字段:

<span class="checkmark"></span>

Answer 1

要使用 Jquery 获取特定属性的值，您需要使用 .prop() 方法。 由于您想知道某个复选框是否已选中，因此相关属性已选中。

var trgovina = $("#trgovina").prop("checked");
console.log(trgovina);