0

私はこのコードを持っています: 

<div style="padding-bottom:11px;">

<input class="radio" type="radio" value=" join our table" name="Choose:">
<label class="optionLabel"> join our table</label>

</div>

私がやりたいのは、ラジオ ボタンがチェックされて div が表示されるときです。これは、ツールチップに似たものです。

問題は、ラジオ ボタンがオンになっていることを検出する方法がわからないことです。

どんな提案でも大歓迎です。ありがとう！

4

3 に答える 3

2

ラジオ入力要素のクリックまたは変更イベントを検出し、div応答として を表示するには:

$('input:radio').click(
    function(e){
        if ($(this).is(':checked')){
            $(selectorForRelevantDivElement).show();
        }
    });

または：

$('input:radio').change(
    function(e){
        if ($(this).is(':checked')){
            $(selectorForRelevantDivElement).show();
        }
    });

on()メソッドを使用して、ラジオ入力の祖先要素にバインドすることもできます(これは、動的に作成された要素にイベント処理を割り当てるために使用されます)。

$('form').on('change click', 'input:radio', function(e){
        console.log(e.type); // shows the event, whether 'click' or 'change'
        if ($(this).is(':checked')){
            $(selectorForRelevantDivElement).show();
        }
    });

参考文献:

于 2012-09-12T16:14:39.807 に答える
1

radioButtonのクリックイベントを使用できます..またはChangeイベント..

$(function() {
    $('.radio').on('click', function(){
        $('.a').show();        
    });
});​

この更新されたフィドルをチェックしてください

さまざまな方法で radioButton を選択できます

$('.radio').on('click', function(){

$('input[type=radio]').on('click', function(){

ダイナミックエレメントフィドル

于 2012-09-12T16:30:43.483 に答える
1

jQuery 変更イベント ハンドラーが必要です。このようなもの：

$(".radio").change(function(e){
    // create your div here
});
于 2012-09-12T16:15:20.453 に答える