2012-07-03 61 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良好的通话,我习惯了在我绑定到该事件的功能包装的对象。 –