js前端练手小项目

最新推荐文章于 2024-08-14 21:35:04 发布

m0_58660804

最新推荐文章于 2024-08-14 21:35:04 发布

阅读量291

点赞数

文章标签： javascript servlet html

本文链接：https://blog.csdn.net/m0_58660804/article/details/127443056

版权

这是一个简单的JavaScript前端实现全选、反选和提交功能的代码示例。通过监听DOM元素的点击事件，可以实现对复选框的选择状态进行控制，并在提交时显示选定的选项。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <script>
       window.onload = function () {
           var wudi = document.getElementById("wudi");
           wudi.onclick = function () {
               var xzs = document.getElementsByName('xz');
               for (var i = 0; i < xzs.length; i++) {
                   xzs[i].checked = true;};};
           var wudi1 = document.getElementById("wudi1");
           wudi1.onclick = function() {
               var xzs = document.getElementsByName('xz');
               for (var i = 0; i < xzs.length; i++) {
                   xzs[i].checked = false;};}
           var wud