Question

我目前正在餐馆菜单上订购网站，我不得不为某些菜肴添加菜肴选项。我使用单选按钮让用户选择他们的首选选项：

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

然后，我有一个添加按钮，它是一个带有onclick属性的链接，然后运行一个函数。如何在没有表单的情况下通过函数传递已检查的单选框值？

Answer 1

当您点击添加按钮时，它不知道选择了哪个单选按钮，因此您无法真正“通过已检查的单选框”。你可以做的只是检查函数内部的值，如果你给你的无线电一个类，让你引用它们。对于一类说“dish”，jquery代码将是：

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

Answer 2

如果您提供表单元素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
}

Answer 3

为输入“Radio Buttons”提供一个带有onClick事件的id，当单击该按钮时，将运行事件所附加的函数。

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

3 个答案: