get Values from form elements in JQUERY?
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();
});
...
精彩评论