9-4 全選為什么無法實(shí)現(xiàn)
<!DOCTYPE HTML>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=gkb">
? ? ? ? <title>無標(biāo)題文檔</title>
? ? </head>
? ??
? ? <body>
? ? ? ? <form>
? ? ? ? ? 請(qǐng)選擇你愛好:<br>
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby1">? 音樂
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby2">? 登山
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby3">? 游泳
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby4">? 閱讀
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby5">? 打球
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby6">? 跑步 <br>
? ? ? ? ? <input type="button" value = "全選" onclick = "checkall();">
? ? ? ? ? <input type="button" value = "全不選" onclick = "clearall();">
? ? ? ? ? <p>請(qǐng)輸入您要選擇愛好的序號(hào)，序號(hào)為1-6:</p>
? ? ? ? ? <input id="wb" name="wb" type="text" >
? ? ? ? ? <input name="ok" type="button" value="確定" onclick = "checkone();">
? ? ? ? </form>
? ? ? ? <script type="text/javascript">
? ? ? ? function checkall(){
? ? ? ? ? ? var hobby = document.getElementsByTagName("input");
? ? ? ? ? ? for(var m=0;m<hobby.length;m++){
? ? ? ? ? ? ? ? if(hobby[m].type=="checked"){
? ? ? ? ? ? ? ? ? hobby[m].checked=true;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? // 任務(wù)1?
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? for(var i=0;i<hobby.length;i++){
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? hobby[i].checked=false;
? ? ? ? ? ? }
? ? ? ? ? ? ? ?
? ? ? ? ?// 任務(wù)2? ??
? ? ? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? function checkone(){
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ? ? ? ?if(j>0 && j<=6){
? ? ? ? ? ? ? ? ? ? document.getElementById('hobby'+j).checked=true;
? ? ? ? ? ? ? ? }
? ? ? ? ?// 任務(wù)3
? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
2018-11-29
j 需要轉(zhuǎn)一下：parseInt(j)
看我代碼：
<!DOCTYPE HTML>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
? ? ? ? <title>無標(biāo)題文檔</title>
? ? </head>
? ??
? ? <body>
? ? ? ? <form>
? ? ? ? ? 請(qǐng)選擇你愛好:<br>
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby1">? 1.音樂
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby2">? 2.登山
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby3">? 3.游泳
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby4">? 4.閱讀
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby5">? 5.打球
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby6">? 6.跑步 <br>
? ? ? ? ? <input type="button" value = "全選" onclick = "checkall();">
? ? ? ? ? <input type="button" value = "全不選" onclick = "clearall();">
? ? ? ? ? <p>請(qǐng)輸入您要選擇愛好的序號(hào)，序號(hào)為1-6:</p>
? ? ? ? ? <input id="wb" name="wb" type="text" >
? ? ? ? ? <input name="ok" type="button" value="確定" onclick = "checkone();">
? ? ? ? </form>
? ? ? ? <script type="text/javascript">
? ? ? ??
? ? ? ? function checkall(){
? ? ? ? ? ? var hobby = document.getElementsByTagName("input");
? ? ? ? ? ? for (var i=0;i<hobby.length;i++) {
? ? ? ? ? ? ? ? if (hobby[i].type =="checkbox") {
? ? ? ? ? ? ? ? ? ? hobby[i].checked = 'checked';
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ??
? ? ? ? ? ?
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? for (var i=0;i<hobby.length;i++) {
? ? ? ? ? ? ? ? if (hobby[i].checked == true) {
? ? ? ? ? ? ? ? ? ? hobby[i].checked = false;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }? ??
? ? ? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? function checkone(){
? ? ? ? ? ? var j = document.getElementById("wb").value;
? ? ? ? ? ? var tag = document.getElementsByTagName("input");
? ? ? ? ? ? var CheckedNum = parseInt(j);
? ? ? ? ? ??
? ? ? ? ? ? if (CheckedNum > 0 && CheckedNum <=6) {
? ? ? ? ? ? ? ? tag[CheckedNum-1].checked = 'checked';
? ? ? ? ? ? }else {
? ? ? ? ? ? ? ? alert("請(qǐng)輸入正確的選項(xiàng):(1-6)");
? ? ? ? ? ? }
? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
2018-10-13
var hobby = document.getElementsByTagName("input");
console.log(hobby);打印一下
你試試這個(gè)：
function checkall(){
? ? ? ? ? ? var hobby = document.getElementsByTagName("input");
? ? ? ? ? ? console.log(hobby);
? ? ? ? ? ? // 任務(wù)1?
? ? ? ? ? ? for(var i = 0; i < hobby.length; i++){
? ? ? ? ? ? ? ? if(hobby[i].attributes.type.value == 'checkbox'){
? ? ? ? ? ? ? ? ? ? hobby[i].checked = true;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ?
? ? ? ? }