如何用html做复选框全选中和全不选中

html-css022

如何用html做复选框全选中和全不选中,第1张

1.这个要使用js来判断是否选中,需要引用jquery

<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>

<script type="text/javascript">

$(function(){

 $("#all").change(function(){//判断全选框的改变

  var flage =$(this).is(":checked")//全选选中为true,否则为false

  $("input[type=checkbox]").each(function(){

  $(this).prop("checked",flage)

  })

 })

})

</script>

<input type="checkbox" id="all" />全选

<input type="checkbox" />

<input type="checkbox" />

 <input type="checkbox" />

仅供参考。

<SCRIPT LANGUAGE="JavaScript">

function ck(b)

{

var input = document.getElementsByTagName("input")

for (var i=0i<input.length i++ )

{

if(input[i].type=="checkbox")

input[i].checked = b

}

}

</SCRIPT>

<INPUT TYPE="checkbox" NAME="a">1

<INPUT TYPE="checkbox" NAME="a">2

<INPUT TYPE="checkbox" NAME="a">3

<INPUT TYPE="checkbox" NAME="a">4

<INPUT TYPE="checkbox" NAME="a">5<BR>

<input type="button" onclick="ck(true)" value="全选"><input type="button" onclick="ck(false)" value="取消全选">