全选html5,全选html

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

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" /

相关问答

Q1: html如何通过按钮来实现全选全不选的功能

仅供参考。

SCRIPT LANGUAGE="JavaScript"

function ck(b)

{

var input = document.getElementsByTagName("input");

for (var i=0;iinput.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"5BR

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

[img]

Q2: HTML怎么实现加载页面后自动聚焦并全选一个文本框

on focus事件可以自动聚焦，如果是实现全选的话，就要用到js或者jquery了