开发者

get Values from form elements in JQUERY?

开发者 https://www.devze.com 2022-12-14 15:35 出处:网络
My form.html <form id=\"search-form\" method=\"post\" action=\".\" name=\"f\"> <p><label for=\"id_customer_type\">Customer type</label> <select name=\"customer_type\" id=\"

My form.html

<form id="search-form" method="post" action="." name="f">
<p><label for="id_customer_type">Customer type</label> <select name="customer_type" id="id_customer_type">
<option value="">All</option>
<option value="TDO" selected="selected">TDO</option>
</select></p>
<p><label for="id_tag">Tag</label> </p><dl>
<dt><strong>School</strong></dt>
<dd><label for="id_tag_1"><input checked="checked" name="tag" value="2" id="id_tag_1" type="checkbox"> Private</label></dd>

<dd><label for="id_tag_2"><input checked="checked" name="tag" value="3" id="id_tag_2" type="checkbox"> Public</label></dd>
</dl> 
<input id="filter" value="Filter" type="submit开发者_C百科"> 
</form>

My script.js

 $(document).ready(function(){
       // Third way == UPDATE jQuery 1.3
       $("input[type='checkbox']:checked").each(function(){
            // your code
            checkboxs_ischecked = $("input[type='checkbox']").val();
        });

        $("#filter").click(function() {
            customet_type = $('#id_customer_type :selected').text();
            checkbox_ischecked = ????? //How Can I get the checkboxs value that is checked?
            document.f.action = "/customer/show/?customer_type="+customet_type+"&

    tag="+checkboxs_ischecked; // in my case something like this :checkbox_ischecked = Private_Public if I have checked Private and Public
                 ;
                return true; 
            });

        });

Thanks ! :)


val() is the correct method, but the scope of checkbox_ischecked is not considered.

You have to declare the variable outside of the anonymous function:

$(document).ready(function(){

    var checkboxs_ischecked; // ADD THIS LINE

    $("input[type='checkbox']:checked").each(function(){
        checkboxs_ischecked = $("input[type='checkbox']").val();
    });

...
0

精彩评论

暂无评论...
验证码 换一张
取 消