checkbox获取选中元素的值

使用input标签时,页面修改内容在debug模式下不会跟着变化,使用Jquery选择器时想当然地认为会跟着变化,不能获取结果。
不过Jquery的val()方法依旧能获得值,或者使用DOM元素,也能获得相应的值。
<input type="checkbox" value="1" name="number">
<input type="checkbox" value="2" name="number">
<input type="checkbox" value="3" name="number">


两种解决方法,第一使用原生态的DOM节点,第二依旧使用Jquery选择器
方法一:匹配属性值是“true”
var checkbox= document.getElementsByName("number");
for(var i=0;i<checkbox.length;i++){
 if(checkbox[i].checked==true){
   alert(checkbox[i].value);
			}
		}


方法二:匹配属性值是checked
 $("input[name='number']:checked").each(function(){
      alert(this.value);
    });

checkbox只要有属性checked,页面加载时便会选中;
设置checkbox状态,直接使用Jquery的attr("checked", "checked")设置为选中;removeAttr("checked")设置为未选中。

猜你喜欢

转载自4876391520.iteye.com/blog/2277027