2

私はかなり基本的な表示/非表示スクリプトに取り組んでおり、下の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で、値がYesで、ラジオボタンがオンになっている場合はXを実行します。名前がmysqlで、値がNoで、ラジオボタンがチェックされている場合は、Yを実行します。 。

前もって感謝します。

4

2 に答える 2

6

実際のデモ http://jsfiddle.net/YLesK/3/

name 属性は全体で同じであればチェックしておけば大丈夫だと思いますthis.value。それ以外の場合は、この条件を追加できます$(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");
    });

});
于 2012-07-04T00:02:06.853 に答える
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/

于 2012-07-04T00:06:28.267 に答える