Question

如何在不单击复选框或标签的情况下更改复选框的状态（选中或取消选中）？例如，当屏幕宽度超过某个断点时，如何更改状态？

Answer 1

我相信您需要Javascript吗？如果是这样，那很容易：

首先，获取页面的宽度，并在页面宽度改变时执行操作。

function getWidth() {
    if (self.innerWidth) {
        return self.innerWidth;
    }
    if (document.documentElement && document.documentElement.clientWidth) {
        return document.documentElement.clientWidth;
    }
    if (document.body) {
        return document.body.clientWidth;
    }
}

function runThisOnClickOrOnLoadYourWish() {
    if(getWidth() > 1500) {
        document.getElementById("checkboxID").checked = true;
    } else {
        document.getElementById("checkboxID").checked = false;
    }
}

Answer 2

一种简单的方法是为该复选框提供一个ID，然后在javascript中使用它。

if(certain conditions are met)
document.getElementById("checkbox").checked = true;

Answer 3

如果（您需要某种条件）{ （document.getElementById（“ ur checkbox id”））。checked = true; }

Answer 4

有一个对象名称“ screen”具有“ width”属性。因此，下面的代码将起作用。

const breakPoint = 1365;
if (screen.width > breakPoint) { 
   document.getElementById("myCheck").checked = true; 
}

Answer 5

这是我为您制作的示例，它将根据浏览器的宽度自动选中/取消选中该复选框

<p id="jsWidth"></p>
    <input type="checkbox" name="mycheckbox" id="mycheckbox" value="Notify"> Notify me<br>

    <script>
        function getSize() {
            var width = window.innerWidth ||
                document.documentElement.clientWidth ||
                document.body.clientWidth;

            document.getElementById('jsWidth').innerHTML = width;  // Display the width

            var mycheckbox = document.getElementById('mycheckbox');

            if(width < 700){
                mycheckbox.checked = true;
            }else{
                mycheckbox.checked = false;
            }
        };
        window.onload = getSize;       // When the page first loads
        window.onresize = getSize;     // When the browser changes size
    </script>

Answer 6

您可以创建一个函数，该函数将在页面调整大小onresize = myFunction（）后将其调用并将其包含在html页面的主体部分中。在该函数中，可以使用window.innerWidth调整大小后获取浏览器的宽度，然后使用document.getElementById访问复选框，并通过使用if条件检查断点来更改其值。

更改复选框状态

6 个答案: