龙空技术网

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

阿亮坚持 107

前言:

眼前兄弟们对“jquery禁用checkbox”大致比较看重,看官们都需要分析一些“jquery禁用checkbox”的相关文章。那么小编在网上收集了一些关于“jquery禁用checkbox””的相关知识,希望姐妹们能喜欢,咱们一起来了解一下吧!

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

<%@ taglib prefix="form" uri="; %><%@ page language="java" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";><html xmlns=";><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禁用checkbox