Question

我已经建立了一个预订表格，用户可以选择预订的自行车数量。

我需要做的是，然后确保用户正在选择该单选按钮。

在任何情况下，您最多可以选择10辆自行车。

我想做的是获取自行车数量的for循环，然后确保选中每个单选按钮，如果是这种情况，则提交表单。

到目前为止，我已成功实现了这一目标。但是我如何为更多的自行车实现这一目标呢？

我的jQuery代码如下：

        $('.booking-button').click(function()
    {
        var number_of_bikes = $('.bike-number').val();

        for(i = 0; i < number_of_bikes; i++)
        {
            var packages = $("input[name='bikes[]"+i"]").is(':checked');

            if(packages == false)
            {
                alert("Please select a bike package");
            }
            else
            {
                // Submit The Form
                $('.booking-form').submit();
            }
        }
        return false;
    })

在for循环中，我最好添加1,2,3,4等。

像这样创建HTML：

<input type="radio" title="69" value="package1" name="bikes[]1" class="radio-price bike1">
<input type="radio" title="69" value="package1" name="bikes[]2" class="radio-price bike2">

我怎样才能做到这一点？

由于

Answer 1

var packages_len = $("input[name^='bikes[]']:checked").length; //length of all checked radio buttons 
if (packages_len < number_of_bikes) {
    alert("Please select bike packages");
}

Attribute Starts With Selector [name^="value"]

检查是否选择了一组无线电盒

1 个答案: