2014-08-31 69 views
0

我選擇的值從jQuery的傳遞給了jQuery中傳遞給URL到下一個頁面,這是我的複選框看起來像:如何清除先前的檢查值

<label class="checkbox"> 
    <input type="checkbox" value="male" id="gender" name="gender" /> Male 
</label> 
<label class="checkbox" style="margin:-25px 0 0 100px"> 
    <input type="checkbox" value="female" id="gender" name="gender" /> Female 
</label> 

<label class="checkbox" style="margin:-20px 0 0 205px"> 
    <input checked type="checkbox" value="all" id="gender" name="gender"> All 
</label> 

我的jquery:

var gender = $('input[name=gender]:checked').map(function(){ 
    return $(this).val(); 
}).get(); 
alert(gender); 

我的問題是,例如:

當我選擇把它傳遞給jQuery的作爲'male,'的性別,但我的問題是這裏的時候,我未選中的男性和檢查日e女性則將其傳遞給jquery作爲female,male,它不是通過現在選中的值來傳遞值和前面的值,任何一個人都可以指導我如何解決這個問題。

+0

爲什麼地球上你'回聲'如此巨大的HTML塊? – MightyPork 2014-08-31 13:25:54

+1

其實,爲什麼不直接使用它作爲純html?這裏有0個使用php的理由。 – MightyPork 2014-08-31 13:26:25

+0

不,如果條件我刪除了這裏,因爲這不是使問題 – Xavi 2014-08-31 13:27:57

回答

1

使用jQuery改變事件如下

$('input[name=gender]').on('change',function(){ 
    var gender = $('input[name=gender]:checked').map(function(){ 
     return $(this).val(); 
    }).get(); 
    alert(gender); 
}); 

DEMO

0

首先:一個ID必須是唯一的,只要有與相同的ID兩個元素(如 「性別」) ,結果是隨意的。

和:使用單選按鈕,就大功告成了W/O任何JS或jQuery的:

<label class="checkbox"> 
    <input type="radio" value="male" id="gender_m" name="gender" /> Male 
</label> 
<label class="checkbox" style="margin:-25px 0 0 100px"> 
    <input type="radio" value="female" id="gender_f" name="gender" /> Female 
</label> 

<label class="checkbox" style="margin:-20px 0 0 205px"> 
    <input checked type="radio" value="all" id="gender_a" name="gender"> All 
</label> 

如果你想在收音機看起來像複選框,看到this post

相關問題