如何在jquery中通过get发送复选框选中的值

Question

我想通过GET发送复选框值，但输出总是'on‘。为什么？如果复选框被选中，我想输出'on‘；否则，输出null。

我的输出如下所示：

demo here

jQuery：

$(document).ready(function(){
    //show loading bar
    $(".searchBtn").click(function(){
        $('#sub_cont').fadeIn(1500);
        $("#content #sub_cont").load("enq_search.php?enq=" + encodeURIComponent($("#enq").val()) + "&hosting=" + $("#hosting").val() + "&domain=" + $("#domain").val(),hideLoader());   
    });
});

HTML：

<table width="500" border="1">
    <tr>
        <td width="102">Enquery</td>
        <td width="382">
            <label for="enq"></label>
            <input type="text" name="enq" id="enq" />
        </td>
    </tr>
    <tr>
        <td>checkbox1</td>
        <td>
            <input type="checkbox" name="hosting" id="hosting" />
            <label for="hosting">hosting</label>
        </td>
    </tr>
    <tr>
        <td>Checkbox2</td>
        <td>
            <input type="checkbox" name="domain" id="domain" />
            <label for="domain">domain</label>
        </td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>    
            <div class="searchBtn">&nbsp;</div>
        </td>
    </tr>
</table>

Answer 1

尝尝这个

<input type="checkbox" name="domain" id="domain"  value="ON"/>

Answer 2

试试这个：

$(document).ready(function () {
    //show loading bar

    $('#hosting').click(function () {
        var thisCheck = $(this);
        if (thischeck.is(':checked')) {
            thisCheck.val('true');

        } else {
            thisCheck.val('false');
        }
    });

    $(".searchBtn").click(function () {
        $('#sub_cont').fadeIn(1500);
        $("#content #sub_cont").load("enq_search.php?enq=" + encodeURIComponent($("#enq").val()) + "&hosting=" + $("#hosting").val() + "&domain=" + $("#domain").val(), hideLoader());
    });
});