zoukankan      html  css  js  c++  java
  • JavaScript操作checkbox的方式

    JavaScript操作checkbox的方式和操作radio的方式相似,都是利用元素项的checked属性来完成。先获取checkbox元素集合,遍历集合,对集合中的每一项做操作。

    <body>
    	<p>
    	<label for="hobby">Hobby:  
    	<input type="checkbox" name="hobby" value="reading" />reading  
    	<input type="checkbox" name="hobby" value="climbing" />climbing  
    	<input type="button" value="Get Value" onclick="getValue()" />
    	</label>
    	</p>
    </body>
    function getValue(){
    	var hobbies = document.getElementsByName("hobby");
    	var value;
    	for (i=0; i<hobbies.length; i++){
    		if (hobbies[i].checked){
    			if (!value){
    				value = hobbies[i].value;
    			} else {
    				value += "," + hobbies[i].value;
    			}
    		}
    	}
    	
    	alert(value == undefined ? '' : value);
    }

    javascript 中 select 下拉框

    <select id="test">
      <option>one</option>
      <option>two</option>
      <option>three</option>
    </select>
     
     1 拿到select对象: var  myselect=document.getElementById("test");

     2 拿到选中项的索引:var index=myselect.selectedIndex ;             // selectedIndex代表的是你所选中项的index

     3 拿到选中项options的value:  myselect.options[index].value;

     4 拿到选中项options的text:  myselect.options[index].text;

  • 相关阅读:
    (一)3、安装jexus
    走向全栈之坑—开始实践
    java Collection.stream操作
    redis常用命令练习
    Spring4
    java数据提交时问题
    常见协议默认端口
    重写equals方法
    redis
    xml
  • 原文地址:https://www.cnblogs.com/emanlee/p/14124335.html
Copyright © 2011-2022 走看看