选中复选框后禁用它

Question

我正在使用JSF和Javascript

复选框

<h:selectBooleanCheckbox onclick="handlePaymentButtons()" 
class="chkBox"></h:selectBooleanCheckbox>Yes I agree terms and Conditions

JS

<script>
            function handlePaymentButtons(){
                console.log("we are here..");

                var box = document.getElementsByClassName("chkBox");
                box.disabled =true;
                console.log(box);
                gButton.enable();

            }
        </script>

我只是想禁用当前选中的复选框。

但是我仍然可以选中/取消选中该复选框。

Answer 1

这是一个HTMLCollection，一个集合，返回值为getElementsByClassName。您要么需要遍历它，要么需要从集合中按索引获取特定的元素。由于集合的.length是1，因此您可以简单地编写box[0].disabled = true的代码。

或者，您也可以使用querySelector，它仅返回一个元素（如果有）：

var box = document.querySelector(".chkBox");
box.disabled = true;