首页 > 动态 > 科技资讯 >

💻✨用`<select>`轻松搞定多选、全选与取消全选!

发布时间:2025-03-25 13:35:27来源:

在网页开发中,``上设置`multiple`属性,这样用户就能选择多个选项。接着,添加一个“全选”按钮,通过JavaScript监听点击事件,将所有选项自动勾选;同样地,再加一个“全不选”按钮来清空所有选项。😉

代码示例:

```html

<script>

function selectAll() {

const options = document.getElementById('mySelect').options;

for (let i = 0; i < options.length; i++) {

options[i].selected = true;

}

}

function unselectAll() {

const options = document.getElementById('mySelect').options;

for (let i = 0; i < options.length; i++) {

options[i].selected = false;

}

}

</script>

```

简单几步,就能让表单更智能!快试试吧!🔥

免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。