單選按鈕組僅在第一個按鈕輸出時出現

Question

我有三個單選按鈕組，我想隱藏最后兩個單選按鈕組，一旦給出第一個的適當輸出，它們將顯示出來。

編碼：

  <div class="row">
    <div>
        <script type="text/javascript">
            function displaytxt(e) {
                var valueRadio = e;
                if (valueRadio == 0)
                {
                    document.getElementById('dynamictxt').style.display = 'none';
                }
                else
                {
                    document.getElementById('dynamictxt').style.display = '';
                }
            }
 </script>
        <div>
            <script type="text/javascript">
                function displaytxt1(e) {
                    var valueRadio = e;
                    if (valueRadio == 2) {
                        document.getElementById("dynamictxt1").innerHTML = "Check if the termination is for past date or future date";
                    }
                    else
                    {
                        document.getElementById("dynamictxt1").innerHTML = "Go back to the request manager for confirming the user termination date";
                    }
                }
            </script>

有沒有辦法使用Java腳本來做到這一點？

提前致謝。

Answer 1

try like this
    <div id="rates">
      <input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate
      <input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate
      <input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate  
    </div>
    if (document.getElementById('r1').checked) {
      rate_value = document.getElementById('r1').value;
    }

Answer 2

希望我能理解您的問題，但是根據您問題的標題，也許這可以有所幫助

<form name="form1" method="post" action="">
<p id="rad1"><input type="radio" name="rdbutton" value="radio" id="rdbutton_0">
      Radio 1</p>
 <p id="rad2"><input type="radio" name="rdbutton" value="radio" id="rdbutton_1">
      Radio 2</p>
<p id="rad3"><input type="radio" name="rdbutton" value="radio" id="rdbutton_2">
      Radio 3</p>
</form>

<script>
$('#rad1').on('click',function(){
    hideSelects();
});

function hideSelects() {
    $('p#rad2').hide();
    $('p#rad3').hide();
};
</script>

演示版