在更改單選按鈕時刪除div

Question

有兩個單選按鈕。 （Javascript）選擇第一個選項后，必須刪除另一頁中的div類，選擇第二個選項時，必須顯示div，並且僅在單擊提交按鈕后才執行此執行。 任何幫助，高度贊賞。

 <input type="radio" name="radio" id="radio1">Regular Shipping <input type="radio" name="radio" id="radio2">COD Shopping <input type="submit" class="btn" value="SUBMIT"> <!----------The following div is in another page------> <div class="test">Lorem Ipusm</div> 

Answer 1

您可以嘗試以下解決方案：

 document.getElementById('submit').addEventListener('click', change_value); function change_value(){ var radioOptions = document.getElementsByName('radio'); var selected = ''; for (var i = 0; i < radioOptions.length; i++) { if (radioOptions[i].checked) { selected = radioOptions[i].id break; } } if(selected == 'radio1'){ document.getElementsByClassName('test')[0].style.display = 'none'; } else if (selected == 'radio2'){ document.getElementsByClassName('test')[0].style.display = 'block'; } else { alert('select option first!'); } } 

 <input type="radio" name="radio" id="radio1">Regular Shipping <input type="radio" name="radio" id="radio2">COD Shopping <input type="submit" id='submit' class="btn" value="SUBMIT"> <!----------The following div is in another page------> <div class="test">Lorem Ipusm</div> 

在上面的代碼中，我只是隱藏/顯示了className為'test'的第一個元素，以防萬一您想全部申請，則需要循環。