JavaScript Test

JavaScript Test demo.

by jquery2005

HTML

<input type="checkbox" id="cr" /><label for="cr">我已经阅读了上面制度。</label>
<p class="demo">CSS Demo</p>
<p onClick="demo();">点击我.</p>
<table id="tb">
    <tbody>
        <tr><td>第一行</td><td>第一行</td></tr>
        <tr><td>第二行</td><td>第二行</td></tr>
        <tr><td>第三行</td><td>第三行</td></tr>
        <tr><td>第四行</td><td>第四行</td></tr>
        <tr><td>第五行</td><td>第五行</td></tr>
        <tr><td>第六行</td><td>第六行</td></tr>
    </tbody>
</table>
<input type="checkbox" value="1" name="check" checked />
<input type="checkbox" value="2" name="check" />
<input type="checkbox" value="3" name="check" checked />
<input type="button" value="你选中的个数" id="btn" />

CSS

.demo{
    color:red;
    font-size:30px;
    font-weight:bold;
}

JavaScript

$(document).ready(function(){
    var $cr=$("#cr");
    var cr=$cr[0];
    $cr.click(function(){
        //if(cr.checked){
            //alert("感谢你的支持！你可以继续操作！");
        //}
        if($cr.is(":checked")){
            alert("感谢你的支持！你可以继续操作！");
        }
    });
});
var item=document.getElementById("tb");
var tbody=item.getElementsByTagName("tbody")[0];
var trs=tbody.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
    if(i%2==0){
        trs[i].style.backgroundColor="#888";
    }
}
var btn = document.getElementById("btn");
btn.onclick = function(){
    var arrays=new Array();
    var items = document.getElementsByName("check");
    for(i=0;i<items.length;i++){
        if(items[i].checked){
            arrays.push(items[i].value);
        }
    }
    alert("选中的个数为："+arrays.length);
}