在多项选择复选框中,如果希望在第一次打开页面时选择一个值,可以通过以下几种方式实现:
<input type="checkbox" name="option" value="value1" checked>
这样在页面加载时,该复选框就会被默认选中。
document.addEventListener("DOMContentLoaded", function() {
var checkbox = document.querySelector('input[name="option"][value="value1"]');
checkbox.checked = true;
});
这样在页面加载完成后,JavaScript会自动选中对应的复选框。
$(document).ready(function() {
$('input[name="option"][value="value1"]').prop('checked', true);
});
这样在页面加载完成后,jQuery会自动选中对应的复选框。
需要注意的是,以上方法都是在页面加载时设置默认选中值,如果用户手动取消选择,这些方法并不会自动重新选中。如果需要实现用户手动取消选择后再次打开页面时仍然选中的功能,可以考虑使用浏览器的本地存储(如localStorage)来保存用户的选择状态,并在页面加载时读取并设置对应的复选框状态。
领取专属 10元无门槛券
手把手带您无忧上云