设置复选框的默认值可以通过设置HTML中的checked属性来实现。当checked属性被设置为"checked"时,复选框会默认被选中。
下面是设置复选框默认值的一些方法:
<input type="checkbox" id="myCheckbox" checked>
<label for="myCheckbox">复选框</label>
在上述代码中,给复选框的checked属性设置了值,因此复选框会默认被选中。
<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">复选框</label>
<script>
document.getElementById("myCheckbox").checked = true;
</script>
使用JavaScript的getElementById方法获取复选框元素,并将其checked属性设置为true,使复选框默认被选中。
<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">复选框</label>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("#myCheckbox").prop("checked", true);
});
</script>
使用jQuery的prop方法将复选框的checked属性设置为true,使复选框默认被选中。
对于以上三种方法,设置复选框的默认值都可以在HTML加载完成后立即生效。
复选框默认值的设置可以根据具体需求进行灵活调整。
领取专属 10元无门槛券
手把手带您无忧上云