DOM与jqury对象分别区分多选框是否选中

最新推荐文章于 2025-08-03 12:14:23 发布

原创最新推荐文章于 2025-08-03 12:14:23 发布 · 687 阅读

0 ·

CC 4.0 BY-SA版权

Javascript代码专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用jQuery和DOM方法来判断HTML页面中的多选框是否被选中，提供了实例代码演示。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>用dom和jqury来实现判断多选框是否被选中</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
   <script type="text/javascript" src="jqury/jquery-1.8.2.min.js"></script>
  </head>
  
  <body>
    <form>
    <input  type="checkbox" id="check"/>我以阅读条款，并同意！！
    <input type="button" id="but" value="提交">
    </form>
    <script type="text/javascript">
    //用jqury方法判断
      $("#but").click(function (){
         if($("#check").is(":checked")){
            alert("用jqury判断的  是否选中   已选中");
         }else{
                alert("用jqury判断的  是否选中   未选中");
            }
      })
      
     //用dom方法判断 
      $("#but").click(function (){
           var a=$("#check")[0];
         if(a.checked){
            alert("用dom判断的  是否选中   已选中");
         }else{
                alert("用dom判断的  是否选中   未选中");
            }
      })
    </script>
    
  </body>
</html>