jQuery之CSS選擇器的處理機制
阿新 • • 發佈：2018-11-12
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery的第一個demo</title>
<script src="js/jquery-2.1.1.min.js" rel="script"></script>
<script>
$(document).ready(function () {
var btn=document.getElementById("btn");//獲取主d為btn的元素(button)
btn .onclick = function(){//給元素新增onel主ek事件
var arrays= new Array();//建立一個數組物件
var items=document .getElementsByName("check");
//獲取name為eheek的一組元素(ehee比ox)
for(i=0;i<items .length;i++){//迴圈這組資料
if(items[i].checked){//判斷是否選中
arrays .push(items[i].value);//把符合條件的資料新增到陣列中
//push()是Javaser主pt陣列中的方法
}
}
alert("選中的個數為:"+arrays .length);
}
})
</script>
</head>
<body>
<input type="checkbox" value="check1" name="check" checked/>
<input type="checkbox" value="check2" name="check"/>
<input type="checkbox" value="check3" name="check" checked/>
<input type="checkbox" value="check4" name="check"/>
<input type="button" value="點選我" id="btn" style="width: 80px; background: #f00; height: 30px; color: #fff;border-color: #f00;">
</body>
</html>