jquery复选框选中及下拉框选中指定项(删除项)

（1）复选框选中及下拉框选中指定项(删除项)

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><%String contextPath = request.getContextPath();%><title>test</title><script language="javascript" src="<%=contextPath%>/js/base/jquery/jquery-1.7.1.min.js"></script><script type="text/javascript">// 复选框选中或取消选中function allChecked() {var isAllChecked = $("#allChecked").attr("checked");$("input[name='chSel']").each(function(){if( isAllChecked != undefined && isAllChecked == "checked" ) {// 复选框全选$(this).attr("checked", true);} else {$(this).removeAttr("checked");}});}function changeSelect() {var selVal = $("#selCity").val();alert("使用下拉改变事件onchange触发的方法，当前选中下拉框的值="+ selVal);}function deleteThr() {$("#selCity option[value=3]").remove();}function selSec() {// 选中下拉框项值为2的第一项：上海// $("#selCity").val("2");// 或使用下行代码来选中$("#selCity").find("option:contains('上海')").attr("selected", true);}</script></head>
<body><input type="checkbox" value="3" id="allChecked" onclick="allChecked()" /> 全选<input type="checkbox" value="1" name="chSel" /> 数学<input type="checkbox" value="2" name="chSel" /> 语文<br /><input type="button" value="删除下拉框第三项" onclick="deleteThr()" /><input type="button" value="选中下拉框项值为2的第一项：上海" onclick="selSec()" />下拉框：<select id="selCity" onchange="changeSelect()"><option value="1">北京</option><option value="2">上海</option><option value="3">杭州</option></select></body>
</html>

jquery复选框选中及下拉框选中指定项(删除项)相关推荐

jquery 将下拉框重置_select下拉框之默认选项清空
最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢? 思路: 1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除. 2.当没有 ...
下拉框系统甄选火星推荐_下拉框词工具都选16火星软件,下拉框词工具佳选23火星...
现在是十人九商的时代,产品种类和数量日益增多,竞争也在不断加大,微商切忌过长时间消耗在熟人市场,因为你的朋友圈熟人购买是有限的,等她们用完再回购需要时间,做久了你会发现,当你把原有的朋友圈子都卖完了, ...
html下拉框怎么默认选中,select获取下拉框的值下拉框默认选中方法
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值例如: 数字1 数字2 $("#numbers option:selected").val( ...
Easyexcel生成excel并通过自定义注解实现下拉框以及动态下拉框(将数据库中的数据显示在excel下拉框中)
首先需要定义excel实体类 @Data @ColumnWidth(22) @HeadRowHeight(30) public class ExcelProductDTO {//动态下拉框,可以查询数 ...
jquery可以勾选的下拉框_jquery.chosen下拉框多选插件使用详解_蓝戒的博客
Chosen 是一个支持jquery的selec t下拉框美化插件,它能让丑陋的.很长的selec t选择框变的更好看.更方便.不仅如此,它更扩展了selec t, 增加了自动筛选的功能.它可对列表 ...
HTML复选框里添加下拉框,Html：实现带复选框的下拉框（一）
概述项目中要用到可多选的下拉框(select),发现HTML中无此控件,故手动模拟实现一下. 模拟所用元素:input,ul,li 代码模拟实现带复选框的下拉列表 body{ margin: 20 ...
treeselect只选了分支节点全选_vue Treeselect 树形下拉框:获取选中节点的ids和lables操作...
API: https://vue-treeselect.js.org/#events 1.ids: 即value 1.lable: 需要用到方法:@select(node,instanceId) 和 ...
ElementUI的el-select怎样实现下拉多选并实现给下拉框赋值和获取值
场景要实现的效果如下官方示例代码实现多选为el-select设置multiple属性即可启用多选,此时v-model的值为当前选中值所组成的数组. 默认情况下选中值会以 Tag 的形式展现,你也 ...
vue element-ui级联选择器选中后下拉框自动收起
Cascader 级联选择器数据渲染通过 :options="options" 映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性 :props="{ chec ...

jquery复选框选中及下拉框选中指定项(删除项)

jquery复选框选中及下拉框选中指定项(删除项)相关推荐

最新文章

热门文章