從單選按鈕輸入點擊顯示模式

我有兩個單選按鈕。是和否。對，點擊它會顯示下面的下載按鈕，在當前的HTML和Javascript下正常工作。現在，當您選擇「否」單選按鈕時，我希望它顯示帶有信息的模式。我已經實現了模式，並作爲一個單獨的按鈕工作，但我還沒有找到任何解決方案來顯示單選按鈕輸入的模式。從單選按鈕輸入點擊顯示模式

這裏是目前的Javascript，我有顯示/隱藏單選按鈕輸入的div。

$(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

來源

2016-05-20 Alex Pho

您應該使用$('#myModal').modal('show');如果輸入沒有被選中

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

演示：https://jsfiddle.net/IA7medd/pd86o68u/2/

來源

2016-05-20 16:30:45

你是在人間神。謝謝！！基本上，這只是添加到顯示/隱藏每個單選按鈕的原始功能的權利？ –

是的，你可以將它添加到原來的功能，但在這種情況下，它會在每次點擊輸入時打開，但我的功能只適用於更改，所以如果輸入已經檢查，它不會打開模式。歡迎您:) –

從單選按鈕輸入點擊顯示模式

回答

相關問題