复选框CheckBox的使用

js代码全选

<script type="text/javascript">
function checkAllBox(obj){

     var answer= document.getElementsByName("checkbox");
     if(obj.checked==true){
      for(var i=0;i<answer.length;i++){
       answer[i].checked = true;
      }
     }else{
      for(var i=0;i<answer.length;i++){
       answer[i].checked = false;
      }
     }
}

</script>

js代码 判断哪个被选中

<script type="text/javascript">
function xuanzhong(obj){

var answer= document.getElementsByName("checkbox");

for(var i=0;i<answer.length;i++){

     if( answer[i].checked){

     var ans=answer[i].value;

     }
   }
 <script>

form表单

<form action="#">
<input type="checkbox" onclick="checkAllBox(this);" value="全选"/>
<p onclick="xuanzhong(this);">选中的值</p>
<table cellpadding="0" cellspacing="0" id="table"  width="800px" height="50">
        <tr>
            <th style="text-align: center" nowrap height="44">选择</th>
            <th style="text-align: center" nowrap height="44">商品类型名称</th>
            <th style="text-align: center" nowrap height="44">商品类型内容</th>
            <th style="text-align: center" nowrap height="44">排序</th>

        </tr>
        <tr>
        <input type="checkbox" name="checkbox" value="1"/></td>
        <td align="center">111</td>
        <td align="center">222</td>
        <td align="center">222</td>
        </tr>
        <tr>
        <input type="checkbox" name="checkbox" value="2"/></td>
        <td align="center">111</td>
        <td align="center">222</td>
        <td align="center">222</td>
        </tr>
        <tr>
        <input type="checkbox" name="checkbox" value="3"/></td>
        <td align="center">111</td>
        <td align="center">222</td>
        <td align="center">222</td>
        </tr>
<table> 
</form>