练习1
创建文本域,在文本域下方显示输入的字符数,如果大于20个字符则数字变红,否则数字为蓝色。
<textarea name="n1" value="" rows="10" cols="20" onkeyup="aa()"></textarea>
<div>0</div>
<script type="text/javascript">
function aa(){
var a= document.getElementsByName("n1")[0];
var b=a.value.length;
var c=document.getElementsByTagName("div")[0];
c.innerText=b;
if(b>=20){
a.style="color:red";
c.style="color:red";
}else{
a.style="color:blue";
c.style="color:blue";
}
}
</script>
练习2
创建复选框个人爱好,(全选、篮球、跑步、购物、看电影、游泳、旅行),点击全选则全部选中。
<input type="checkbox" name="q" onclick="aa()" value