如何创建带菜肴选项的餐馆订单菜单？

我目前正在一家餐馆菜单订购网站上工作，我坚持在某些菜肴上添加菜肴选项。我使用单选按钮来让用户选择他们喜欢的选项：如何创建带菜肴选项的餐馆订单菜单？

<label class="option"><input type="radio" value="Ketchup"> Ketchup</label>等等

然后，我有一个添加按钮它与onclick属性，然后运行功能的链接。我怎样才能通过没有窗体的函数检查收音机框值？

来源

2012-07-07 Qiang

究竟是什么错误？点击标签不会改变选择，当表单提交时你无法访问单选按钮数据？ – lpd 2012-07-07 15:22:27

听起来像是作业 – freefaller 2012-07-07 15:23:57

@lpd点击标签如果html结构正确，将改变选择。无线电和复选框上的标签正是以这种方式为鼠标用户添加了额外的可用性功能。 – Trey 2012-07-07 15:25:38

当您单击添加按钮，它没有任何想法得到了什么选择单选按钮，这样你就不能真正“经过检查单选框谷通过“。你可以做的只是检查函数内的值，如果你给你的收音机一个类，让你引用它们。一类说“菜”的，对于jQuery代码将是：

$('.dish:checked').val();

来源

2012-07-07 15:53:46 machineghost

通常我鄙视将jquery放在喉咙上的答案，但这种情况听起来像导入图书馆的合理情况。我会添加，但你可以使用'标签。选项> *' – lpd 2012-07-07 15:55:27

老实说，我会包含一个非jQuery解决方案，因为问题没有jQuery标记，但我在平板电脑上输入答案，并且jQuery版本在这种情况下非常短:-) – machineghost 2012-07-07 15:58:46

谢谢你好哟:) – Qiang 2012-07-07 16:17:04

如果你给你的表单元素的ID，像这样：

<label class="option"><input type="radio" id="radioButton1" value="Ketchup"> Ketchup</label>

然后你就可以很容易地通过DOM访问单选按钮的值。我不会用一个参数，但局部变量，像这样：

function myFunction { 
    var myValue; 
    if (document.getElementById('radioButton1').checked == true) { 
     myValue = document.getElementById('radioButton1').value; 
    } 
    else { 
     // Check other radio buttons 
    } 
    // Perform some function using myValue 
}

来源

2012-07-07 15:48:16 lpd

给输入“单选按钮”与每个人的是，当点击该按钮时，将运行onClick事件的ID该事件附加到的功能。

来源

2016-11-25 02:29:05

如何创建带菜肴选项的餐馆订单菜单？

回答

相关问题