Avatar billede fangel Nybegynder
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
Avatar billede grunken Nybegynder
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>
Avatar billede fangel Nybegynder
02. november 2002 - 12:03 #2
nu virker det lige modsat... nu kan de KUN blive unchecked...

Morten
Avatar billede fangel Nybegynder
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
Avatar billede grunken Nybegynder
02. november 2002 - 12:13 #4
hmm, det virker fint her !
Avatar billede fangel Nybegynder
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
Avatar billede fangel Nybegynder
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
Avatar billede grunken Nybegynder
02. november 2002 - 12:19 #7
det er fint , bare luk !
Avatar billede fangel Nybegynder
02. november 2002 - 13:34 #8
OK...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester