選中復選框后禁用它

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;