将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()); 
    }) 
}); 

请标记为答复是否对您有帮助。