禁用以前由其他用户在javascript中预订的座位按钮

我正在拉维尔开发一个订票系统。这将允许用户预订座位。现在我想禁用以前由其他用户预订的座位。预订的座位号已通过数组在刀片服务器中传递。座椅按钮根据总座椅数量动态生成。我想按它们的值禁用那些预订的座位。与A1一样，A2也被预订，因此包含值A1和A2的按钮将被禁用。 这是我的HTML代码

<form class="form-control" style="width: auto">
                <div class="btn-group btn-group-sm"  id="col1Buttons" style="display: inline-grid; padding: 10px;">
                </div>
                <div class="btn-group btn-group-sm"  id="col2Buttons" style="display: inline-grid; margin-right: 15px;">
                </div>
                <div class="btn-group btn-group-sm"  id="col3Buttons" style="display: inline-grid; margin-left: 15px;">
                </div>
                <div class="btn-group btn-group-sm"  id="col4Buttons" style="display: inline-grid; padding: 10px;">
                </div>
            </form>

//{{$all_seats}}包含所有预订的座位//

用于附加座椅按钮的javascript代码

<script>
var pages = {{$seat_number/4}};
// console.log(pages);
var page1Buttons = $('#col1Buttons');
var page2Buttons = $('#col2Buttons');
var page3Buttons = $('#col3Buttons');
var page4Buttons = $('#col4Buttons');

for (var j=65; j<65+pages; j++){
    page1Buttons.append('<input class="btn single_seat" name="options"  type="button" id="seat" value="' + String.fromCharCode(j) + '' + 1 + '"/>');
    page2Buttons.append('<input class="btn single_seat" name="options"  type="button" id="seat" value="' + String.fromCharCode(j) + '' + 2 + '"/>');
    page3Buttons.append('<input class="btn single_seat" name="options"  type="button" id="seat" value="' + String.fromCharCode(j) + '' + 3 + '"/>');
    page4Buttons.append('<input class="btn single_seat" name="options"  type="button" id="seat" value="' + String.fromCharCode(j) + '' + 4 + '"/>');
}

var pages={{$seat_number/4}}；
//控制台日志（页）；
var page1Buttons=$（“#col1Buttons”）；
var page2Buttons=$（“#col2Buttons”）；
变量page3Buttons=$（“#col3Buttons”）；
var page4Buttons=$（“#col4Buttons”）；
对于（var j=65；j切换到刀片渲染
我的建议是，不要用JavaScript呈现HTML，只需将按钮的呈现切换到blade即可。这样，您就可以完全控制正在发生的事情，并且可以轻松检查座位号是否已被占用

您可以使用已经有索引的for循环，并应用与JS中相同的逻辑

给JS变量赋值
如果您真的想保留JS方法，那么在加载用于呈现按钮的脚本之前，请确保声明新的JS变量，如

<script>
const taken = "@json($all_seats)"
</script>

谢谢你的回答。现在我想保留JS方法。我在JS方面很弱。你能帮我举一个检查预订座位的例子吗？我已经更新了我的答案，告诉你如何检查座位是否在一个数组中。