zoukankan      html  css  js  c++  java
  • jQuery选择

    //js判断有没有元素

    if(document.getElementById("tt")){
      alert("有这个元素!");
    }
    //jQuery判断有没有元素

    if($("#tt").length > 0){
     alert("有这个元素");
    }

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    window.onload = function(){//页面所有元素加载完毕
    	var btn = document.getElementById("btn");  //获取id为btn的元素(button)
    	btn.onclick = function(){				   //给元素添加onclick事件
    		var arrays = new Array();              //创建一个数组对象
    		var items = document.getElementsByName("check");  //获取name为check的一组元素(checkbox)
    		for(i=0; i < items.length; i++){  //循环这组数据
    			if(items[i].checked){      //判断是否选中
    				arrays.push(items[i].value);  //把符合条件的 添加到数组中. push()是javascript数组中的方法.
    			}
    		}
    		alert( "选中的个数为:"+arrays.length  );
    	}
    }
    </script>
    </head>
    <body>
    <form method="post" action="#">
    	<input type="checkbox" value="1" name="check" checked="checked"/>
    	<input type="checkbox" value="2" name="check" />
    	<input type="checkbox" value="3" name="check" checked="checked"/>
    	<input type="button" value="你选中的个数" id="btn"/>
    </form>
    </body>
    </html>
    

      

  • 相关阅读:
    最近很烦心情糟糕透了
    面试心得
    CSS之按钮过滤
    JavaScript之动态背景登陆表单
    VsCode自定义快捷键,一次运行两个或多个Command命令
    Go优化浅谈
    go语言圣经第六章笔记
    go 语言圣经第六章习题
    go 内存对齐
    go语言圣经第五章部分习题
  • 原文地址:https://www.cnblogs.com/wanghaibin/p/7350583.html
Copyright © 2011-2022 走看看