js的页面初始化，修改div的值，查询多选框的val

最新推荐文章于 2021-06-03 01:36:32 发布
最新推荐文章于 2021-06-03 01:36:32 发布
阅读量1.1k 收藏
点赞数
分类专栏： js 文章标签： javascript html-css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sampson_lj/article/details/51027325
版权

1.js页面初始化
进入页面时可以根据自己的喜好设定页面的样式。如图所示是我页面的初始样式：
这里写图片描述
2.把中间的左边的div部分修改
①修改的代码如图所示，这里div的Id设为MyDiv
这里写图片描述
②效果如下
这里写图片描述
3.查询多选框
①多选框部分的代码如下图
这里写图片描述
这里写图片描述
②效果如下图所示，这里我勾选了4个个人爱好
这里写图片描述
勾选好点击按钮，弹出对话框
这里写图片描述

Sampson_LH
关注
专栏目录
laravel框架select2多选插件初始化默认选中项操作示例
10-15
在本文中，我们将深入探讨如何在 Laravel 框架中使用 Select2 多选插件进行初始化，并设置默认选中的选项。Select2 是一个流行的 jQuery 插件，它提供了更高级的选择器功能，如搜索、多选和分页。在 Laravel 项目中...
DOM-获取DOM元素、修改属性
weixin_46451036的博客
04-08 2274
Web API 基本认知 作用: 就是使用 JS 去操作 html 和浏览器 分类：DOM (文档对象模型)、BOM（浏览器对象模型） DOM树是什么 将 HTML 文档以树状结构直观的表现出来，我们称之为文档树或 DOM 树 描述网页内容关系的名词 作用：文档树直观的体现了标签与标签之间的关系 什么是DOM DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API 白话文：DOM是浏览器提供的一套专门用来 操作网.
JavaScript（JS）获取元素、改变元素的内容、修改属性
Dreamer
11-16 1万+
文档对象模型DOM 文档对象模型DOM是W3C组织推荐的处理可扩展标记语言的标准编程接口。 W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。 根据ID获取元素 使用getElementByld()方法可以获取带有ID的元素对象。 <body> <div id="time"> 2020.11.15 </div> <script> var timer = document.ge
js/jquery给DIV赋初始值
終99 的博客
08-01 3194
要给哪个div赋值 就在下面写script  不要在window.onload()或者ready(), 这样虽然可以赋值但是不会显示 以下方法既可以赋初始值也可以显示  因为加载html是从上到下  早或晚去赋值都不会显示   ...
Jquery 对div 先删除后恢复
你好邱林和的专栏
11-08 5795
Jquery 对div 先删除后恢复的功能,这个奇葩的要求是因为导出excel的时候,由于有些内容是后来覆盖生成的,不需要导出excel,所以需要在生成excel之前,就删多余的class remove掉,之后再恢复使用append方法,进行追加,这里需要获取到div的父div,进行追加,如下代码: var divParent = $(".DTFC_LeftWrapper").parent;
通过js修改html里的值,6种方法改变div的id值（使用JQuery或JS）
weixin_42515340的博客
06-03 4788
div的id是可以动态改变的，我们可以通过JQuery或JS来实现。使用JQuery或JS改变div id使用JQuery改变div id通过使用JQuery的attr()方法，有三种方式可以实现改变div的id值。1)byTagName$('div').attr('id','id_new');2)byId$('#div_id').attr('id','id_new');3)byClass$('....
jquery bootstrap 下拉多选框
03-19
本示例着重介绍如何在 Bootstrap 框架下实现一个功能完备的下拉多选框，用于提供用户可以选择多个选项的功能。 首先，我们需要确保页面中已经引入了 jQuery 和 Bootstrap 的 CSS 和 JS 文件。Bootstrap 的 CSS 负责...
jquery moblie 复选框取值
06-06
获取复选框的值在JavaScript中可以使用`jQuery`或`JavaScript`的原生方法。以下是两种常见的方法： 1. **使用jQuery**： 使用`.is(':checked')`来检查复选框是否被选中，如果选中，返回`true`，否则返回`false`。...
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
12-19
初始化插件： ```javascript $("#liOption").multiselect2side({ selectedPosition: 'right', moveOptions: false, labelsx: '待选区', labeldx: '已选区' }); ``` 搜索功能的实现依赖于jQuery的Ajax方法，当...
layui列表分页+添加修改！！！
05-13
同样，对于“修改”，可以先根据列表中的某一行数据初始化表单，然后进行编辑和提交操作。 以添加为例，你可以这样实现： ```javascript // 添加按钮点击事件 layui.element.on('button(add)', function(){ var ...
js 直接初始化和赋值初始化?
木子固的专栏
10-09 991
js 中 (1)var box1 = document.getElementById("box1"); box1.style.display=""; (2)document.getElementById("box1").style.display=""; jsp中
js动态创建div
Pan12321的博客
03-20 2352
js动态创建div1.创建某个标签：如下在body中创建一个div的事例； <script> function fun(){ var frameDiv = document.createElement("div");//创建一个标签 var bodyFa = document.getElementById("bodyid");//通过id号获取frameDi
使用js动态创建div
热门推荐
漫漫学习成长之路
06-01 3万+
function creatdiv(){                 //创建一个div var div = document.createElement('div'); div.innerHTML = '&lt;img src=' + '"' + '/vtpath/' + data.allPath[i] + '"' + '&gt;'; //设置显示的数据，可以是标签． div.c...
有关JS类的属性值初始化问题
rainytimes的专栏
09-17 1658
最近在开发一个JS功能的时候犯了一个错误，主要是没有理解JS属性的声明问题。想当然的认为JS的写法和Java是一致的呵呵，查了一周才找到原因,下面先来看段Java代码的示例: import java.util.Date; class A{ private Date createDate = new Date(); private String name; ...
js如何用ajax实现多选框查询
最新发布
06-09
1. 获取多选框的值，可以使用 jQuery 的 `val()` 方法获取到选中的值。 2. 使用 jQuery 的 `ajax()` 方法发送 AJAX 请求。 3. 在 AJAX 请求中指定 URL 和请求方法（一般为 GET 或 POST），并带上选中的值作为请求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值