2012-07-03 77 views
2

我工作的一個非常基本的顯示/隱藏腳本單選按鈕,選擇我使其基於其下面兩個單選按鈕被選中。我的問題是我無法將id添加到單選按鈕,因爲代碼是動態生成的。有什麼方法使用JQuery來選擇基於名稱和值的組合檢查哪個框?一旦我有了IF語句,我就可以處理其餘的事情,但我只知道如何使用類或ID來完成它。選擇是基於名稱和值

<span class="wpcf7-form-control-wrap mysql"> 
    <span id="mysql" class="wpcf7-form-control wpcf7-radio radiobuttons"> 
     <span class="wpcf7-list-item"> 
     <label> 
      <span class="wpcf7-list-item-label">Yes</span> 
      &nbsp; 
      <input type="radio" name="mysql" value="Yes"> 
     </label> 
     </span> 
     <span class="wpcf7-list-item"> 
     <label> 
      <span class="wpcf7-list-item-label">No</span> 
      &nbsp; 
      <input type="radio" name="mysql" value="No"> 
     </label> 
     </span> 
    </span> 
</span> 

所以基本上我尋找的東西,如「如果名稱是mysql的,價值是肯定的,並且單選按鈕被選中,做X.如果名稱是mysql的,價值是沒有,和單選按鈕被選中,做Y.事先

感謝。

回答

6

工作演示整個http://jsfiddle.net/YLesK/3/

name屬性,如果一樣的,所以我認爲,如果你檢查你將被罰款;否則,你可以添加此條件$(this).prop('name') === "mysql" ==>http://jsfiddle.net/YLesK/5/

希望這有助於:)

代碼

$(function(){ 
    $('input[type="radio"]').click(function(){ 
     if(this.value === "Yes") 
      alert("Do X I am yes"); 
     else if (this.value === "No") 
      alert("Do Y I am No"); 
    }); 

}); 
+1

你也可以這樣做$ ('input [type =「radio」] [name =「mysql」]')。click(function(){...照顧na我 –

+1

完美!感謝tats。我將需要包含該名稱屬性,因爲它不是唯一的是/否單選按鈕。一旦我有它的工作,我會彈出打勾:) –

+0

+ @GX。男人':)' –

1
$(".wpcf7-list-item input:radio").click(function(){ 
    if($(this).val() == "Yes"){ 
     alert("do yes function"); 
    }else{ 
     alert("do no function");    
    } 
}); 

演示:http://jsfiddle.net/jeBFN/1/

+1

只是爲了分享目的布魯夫:http://stackoverflow.com/questions/1051782/jquery-this-vs-this; 'this.value'可以做到這一點,':)'有一個很好的閱讀。你的東西也適用。反正+1。 –

+0

@Tat_innit良好的通話,我習慣了在我綁定到該事件的功能包裝的對象。 –