將HTML/JavaScript單選按鈕選擇輸出爲選項摘要

Question

我試圖構建一個表單，它在提交時將所有單選按鈕和輸出的選擇保存爲摘要。我對JavaScript很新，所以請耐心等待。

你應該選擇，比方說，每節三個選項。根據您在按下提交之後選擇的內容，它會打開一個燈箱，並在您提交通過電子郵件發送的選項之前給出您的選擇摘要。

對於我現在的情況，只有一個部分和三個選項可供選擇。

HTML：

<div id="options"> 
    <form method="get"> 
    <label class ="rad"> 
     <input type="radio" name ="O1" value="small"/> 
     <img src="img.jpg"> 
    </label> 

    <label class ="rad"> 
     <input type="radio" name ="O2" value="small"/> 
     <img src="img.jpg"> 
    </label> 

    <label class ="rad"> 
     <input type="radio" name ="O3" value="small"/> 
     <img src="img.jpg"> 
    </label> 
    <input type="submit" value="SUBMIT"/> 
    </form> 
</div> 

的JavaScript：

$(document).ready(function() { 
$("#radio_submit").click(function (e) { 
var checked_O1_radio = $('input:radio[name=O1]:checked').val(); 
var checked_O2_radio = $('input:radio[name=O2]:checked').val(); 
var checked_O3_radio = $('input:radio[name=O3]:checked').val(); 
if(checked_O1_radio===undefined || checked_O2_radio===undefined || checked_O3_radio===undefined) 
    { 
     alert('Please select a leather option then continue.'); 
    }else{ 
     alert('You Chose "' +checked_O1_radio); 
    }else{ 
     alert('You Chose "' +checked_O2_radio); 
    }else{ 
     alert('You Chose "' +checked_O3_radio); 
    } 
    }); 
}); 

Answer 1

試試這個，如果我站下正確你的問題：

您可以使用相同的名稱，然後自動只有一個會被選中，並找到所選皮革只需一張支票。

<label class ="rad"> 
    <input type="radio" name ="O1" value="small"/> 
</label> 

<label class ="rad"> 
    <input type="radio" name ="O1" value="medium"/> 
</label> 

<label class ="rad"> 
    <input type="radio" name ="O1" value="large"/> 
</label> 
<input type="submit" value="SUBMIT" id = "Submitbutton"/> 


$(document).ready(function() { 
    $("#Submitbutton").click(function(){ 
    console.log($('input:radio[name=O1]:checked').val()); 
    }) 
}); 

請標記爲答覆是否對您有幫助。