2016-05-20 15 views
1

ラジオボタンが2つあります。はいといいえはいの場合は、クリックすると現在のHTMLとJavascriptでうまく動作するダウンロードボタンが表示されます。今度は "いいえ"ラジオボタンを選択すると、情報付きのモーダルを表示します。私は既にモーダルを実装し、別のボタンとして機能していますが、ラジオボタン入力時にモーダルを表示するソリューションはありませんでした。ラジオボタン入力からモーダルクリックを表示

divのラジオボタン入力から表示/非表示にするための現在のJavascriptがあります。

$(document).ready(function(){ 
     $("input[name$='bn']").click(function(){ 
     var radio_value = $(this).val(); 
     if(radio_value=='0') { 
     $("#contact").fadeIn("slow"); 
     $("#dlcert").fadeOut("slow"); 
     } 
     else if(radio_value=='1') { 
     $("#dlcert").fadeIn("slow"); 
     $("#contact").fadeOut("slow"); 
     } 
     }); 
     $('[name="bn"]:checked').trigger('click'); 
    }); 

jSFiddle

答えて

1

入力がNOの

$('input[name="bn"]').change(function() { 
    if($(this).is(':checked') && $(this).val() == '0') { 
     $('#myModal').modal('show'); 
    } 
}); 

デモにチェックしない場合は、$('#myModal').modal('show');を使用する必要があります:あなたは男性の中で神ですhttps://jsfiddle.net/IA7medd/pd86o68u/2/

+0

を。ありがとうございました!!基本的にこれは、各ラジオボタンの表示/非表示を元の関数に追加するだけです。 –

+0

はい、元の関数に追加できますが、この場合は入力のクリックごとに開きますが、関数は変更時にのみ機能します。入力が既にチェックされている場合は、モーダルは開きません。 あなたは歓迎です:) –

関連する問題