时间戳

首页 > 解决方案 > 当存在多个字段时，提交按钮不起作用

javascript - 当存在多个字段时，提交按钮不起作用

问题描述

当生成多个地址时，提交按钮不起作用。

我试图用 JavaScript 解决它。

@foreach ($userDetails as $addr)
    <div class="order_container">
        <input type="hidden" name="userName" value="{{$addr['customer_name']}}">
        <input type="hidden" name="userMobile" value="{{$addr['customer_mobile']}}">
        <input type="hidden" name="userSelectAddress" value="{{$addr['customer_address']}}">
        <input type="checkbox" name="userSelectAddressId" value="{{$addr['customer_address_id']}}" id="id1"/>


        {{$addr['customer_address']}} <br>
        {{$addr['customer_name']}} <br>
        {{$addr['customer_mobile']}} <br>
        {{$addr['location_name']}}<br>
    </div>
@endforeach

JS

function validate_radio() {
    /*alert("fail");
    return false;*/
    // let inpObj = document.getElementById("id1").value.checked;
    if (document.getElementById('id1').checked) {
        alert("pass");
    } else {
        alert("else");
        return false;
    }
}

无论我选择了多少地址，我都希望提交按钮能够工作。

先感谢您。

标签： javascriptphphtmllaravellaravel-5

解决方案

An ID has to be unique in a page. So you have to generate a different ID for each user.

You can do that with a variable that begin at 0 and that you increment with 1 in every loop : $i++

推荐阅读