Question

我正在研究一个非常基本的显示/隐藏脚本，并根据下面两个单选按钮中的哪一个进行检查。我的问题是我无法将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，则值为No，并且单选按钮被选中，做你。

提前致谢。

Answer 1

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

name属性如果相同，我认为如果你检查this.value，你会没事的。否则，您可以添加此条件$(this).prop('name') === "mysql" ==＆gt; 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");
    });

});

Answer 2

$(".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/

根据名称和值选择选择的单选按钮

2 个答案: