02. november 2002 - 11:38
Der er
7 kommentarer og 1 løsning
checkbox.checked = true...
Hej sidder lige og leger lidt med nogle checkbox'er... jeg vil lave det sådan at når man ændre en checkbox, så ændre alle andre checkbox'er sig efter den... og alle andre checkbox'er må helst godt blive "disabled", så man ikke kan "unselecte" dem... hvis master checkboxen er valgt, så SKAL alle andre checkboxe være valgt... i kan se hvad jeg vil gætte på at det skal være... <html> <head> <title>TEST...</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript1.2"> <!-- function vaelg_under() { if(document.getElementById("checkbox_master").checked == "true"){ document.getElementById("checkbox_1").checked = "true"; document.getElementById("checkbox_2").checked = "true"; document.getElementById("checkbox_3").checked = "true"; document.getElementById("checkbox_4").checked = "true"; // document.getElementById("checkbox_1").disabled = "true"; // document.getElementById("checkbox_2").disabled = "true"; // document.getElementById("checkbox_3").disabled = "true"; // document.getElementById("checkbox_4").disabled = "true"; } else{ document.getElementById("checkbox_1").checked = "false"; document.getElementById("checkbox_2").checked = "false"; document.getElementById("checkbox_3").checked = "false"; document.getElementById("checkbox_4").checked = "false"; } } // --> </script> </head> <body> <a href="java script: vaelg_under();">Klik</a><br><br> <form name="form1" method="post" action=""> <p>1: <input name="checkbox[]" type="checkbox" id="checkbox_master" value="1" onClick="vaelg_under();"> </p> <p>2: <input name="checkbox[]" type="checkbox" id="checkbox_1" value="2"> </p> <p>3: <input name="checkbox[]" type="checkbox" id="checkbox_2" value="3"> </p> <p>4: <input name="checkbox[]" type="checkbox" id="checkbox_3" value="4"> </p> <p>5: <input name="checkbox[]" type="checkbox" id="checkbox_4" value="5"> <br> <br> <input type="submit" name="Submit" value="Submit"> </p> </form> </body> </html> dette virker også fint til at markere alle, men den kan ikke "unselecte" dem igen... Morten
Annonceindlæg fra QNAP
02. november 2002 - 11:51
#1
prøv <script language="JavaScript1.2"> <!-- function vaelg_under() { if(document.getElementById("checkbox_master").checked == 1){ document.getElementById("checkbox_1").checked = 1; document.getElementById("checkbox_2").checked = 1; document.getElementById("checkbox_3").checked = 1; document.getElementById("checkbox_4").checked = 1; // document.getElementById("checkbox_1").disabled = 1; // document.getElementById("checkbox_2").disabled = 1; // document.getElementById("checkbox_3").disabled = 1; // document.getElementById("checkbox_4").disabled = 1; } else{ document.getElementById("checkbox_1").checked = 0; document.getElementById("checkbox_2").checked = 0; document.getElementById("checkbox_3").checked = 0; document.getElementById("checkbox_4").checked = 0; } } // --> </script>
02. november 2002 - 12:03
#2
nu virker det lige modsat... nu kan de KUN blive unchecked... Morten
02. november 2002 - 12:05
#3
OK, jeg er kommet frem til at det er IF linien den går galt i... ;) der er ikke forkert syntaks til IF linien, vel? Morten
02. november 2002 - 12:13
#4
hmm, det virker fint her !
02. november 2002 - 12:15
#5
jeg ahr løst problemet... se her <?php if(isset($_POST['Submit'])){ $array = $_POST['checkbox']; for($i = 0; count($array) > $i; $i++){ echo $array[$i] . "<br>"; } } ?> <html> <head> <title>TEST...</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript1.2"> <!-- function vaelg_under() { document.getElementById("text").value = document.getElementById("checkbox_master").checked; if(document.getElementById("checkbox_master").checked == true){ document.getElementById("checkbox_1").checked = true; document.getElementById("checkbox_2").checked = true; document.getElementById("checkbox_3").checked = true; document.getElementById("checkbox_4").checked = true; document.getElementById("checkbox_1").disabled = true; document.getElementById("checkbox_2").disabled = true; document.getElementById("checkbox_3").disabled = true; document.getElementById("checkbox_4").disabled = true; } if(document.getElementById("checkbox_master").checked == false){ document.getElementById("checkbox_1").checked = false; document.getElementById("checkbox_2").checked = false; document.getElementById("checkbox_3").checked = false; document.getElementById("checkbox_4").checked = false; document.getElementById("checkbox_1").disabled = false; document.getElementById("checkbox_2").disabled = false; document.getElementById("checkbox_3").disabled = false; document.getElementById("checkbox_4").disabled = false; } } // --> </script> </head> <body> <a href="java script: vaelg_under();">Klik</a><br><br> <form name="form1" method="post" action=""> <p>1: <input name="checkbox[]" type="checkbox" id="checkbox_master" value="1" onClick="vaelg_under();"> </p> <p>2: <input name="checkbox[]" type="checkbox" id="checkbox_1" value="2"> </p> <p>3: <input name="checkbox[]" type="checkbox" id="checkbox_2" value="3"> </p> <p>4: <input name="checkbox[]" type="checkbox" id="checkbox_3" value="4"> </p> <p>5: <input name="checkbox[]" type="checkbox" id="checkbox_4" value="5"> <br> <br> <input name="tester" type="text" id="text"> <br> <br> <input type="submit" name="Submit" value="Submit"> </p> </form> </body> </html> det jeg gjorde var at tilføje en textbox med indhold efter "document.getElementByID("checkbox_master").checked" og fandt derfor ud af at det bare hedder if(... == true) og ikke if(... == "true") så nu er problemet løst... Morten
02. november 2002 - 12:16
#6
grunken => så derfor lukker jeg, hvis du selv syntes du skal have nogle af pointene, så læg et svar, så for du 10p for ulejeligheden... Morten
02. november 2002 - 12:19
#7
det er fint , bare luk !
02. november 2002 - 13:34
#8
OK...
Vi tilbyder markedets bedste kurser inden for webudvikling