Avatar billede angelenglen Nybegynder
13. november 2003 - 13:05 Der er 5 kommentarer og
1 løsning

toggle checkbox ved klik på span

jeg har følgende kode:

    <SCRIPT TYPE="text/javascript">
    <!--
    function togglecheck(dest, boxname) {
        if (dest.boxname.checked){
            dest.boxname.checked = true;
        } else {
            dest.boxname.checked = true;
        }
    }
    // -->
    </SCRIPT>

<form name="papers">

<table border=0 cellpadding=2 cellspacing=0>
  <tr>
    <td vAlign="top" style="padding-top: 3px;"><center><img src="arrow_dotted_yellow.gif" border="0"></center></td>
    <td><a href="downloadsignle.php" title="click here to only download this file">this is where the headline will be. Super!</a></td>
  </tr>
  <tr>
    <td vAlign="top" style="padding-top: 3px;"><center><input type="checkbox" name="box1"></center></td>
    <td style="padding-top: 3px;"><span onclick="togglecheck(this.form, 'box1');">click me to toggle the checkbox</span></td>
  </tr>
</table>

<table border=0 cellpadding=2 cellspacing=0>
  <tr>
    <td vAlign="top" style="padding-top: 3px;"><center><img src="arrow_dotted_yellow.gif" border="0"></center></td>
    <td><a href="downloadsignle.php" title="click here to only download this file">this is where the headline will be. Super!</a></td>
  </tr>
  <tr>
    <td vAlign="top" style="padding-top: 3px;"><center><input type="checkbox" name="box2"></center></td>
    <td style="padding-top: 3px;"><span onclick="togglecheck(this.form, 'box2');">click me to toggle the checkbox</span></td>
  </tr>
</table>

</form>


mit script virker ikke.

-det skal toggle den der checkbox der er ud for teksten.... hvad gør jeg forkert?
Avatar billede angelenglen Nybegynder
13. november 2003 - 13:58 #1
skulle naturligvis have været:

function togglecheck(dest, boxname) {
        if (dest.boxname.checked){
            dest.boxname.checked = false;
        } else {
            dest.boxname.checked = true;
        }
    }
Avatar billede gongjaff Nybegynder
13. november 2003 - 14:08 #2
Vil foreslå følgende kode:

    function togglecheck(boxname) {
    var checkbox = document.getElementById(boxname);
        checkbox.checked = (checkbox.checked == true) ? false : true;
    }
Skal bare have et id som input..
Avatar billede angelenglen Nybegynder
13. november 2003 - 14:13 #3
virker prefekt, takker :)
Avatar billede angelenglen Nybegynder
13. november 2003 - 18:39 #4
hvorfor kan jeg ikke få det her til at virke?




<HTML>
<HEAD>
<TITLE>m</TITLE>
<META NAME="Generator" CONTENT="Notepad.exe">

<LINK REL=STYLESHEET HREF="um.css" TYPE="text/css">

<script language="JavaScript" src="m.js"></script>
</head>
<body bgcolor="#EEEEEE">
<center>
<form name="papers">



---------m.js:
function togglecheck(boxname) {
    var checkbox = document.getElementById(boxname);
        checkbox.checked = (checkbox.checked == true) ? false : true;
    }




<table border=0 cellpadding=0 cellspacing=0 style="width: 400px;">
  <tr>
    <td vAlign="top" style="padding-top: 3px;" style="width: 20px;"><center><img src="arrow_dotted_yellow.gif" border="0" onclick="togglecheck('box2');"></center></td>
    <td><a href="getsingle.php?id=2" title="Click here to access this file only.">Hey&nbsp;man</a></td>
  </tr>
  <tr>
    <td vAlign="top" style="padding-top: 3px;"><center><input type="checkbox" id="box2"></center></td>
    <td style="padding-top: 3px;"><span onclick='togglecheck("box2");'>tester</span></td>
  </tr>
</table>

</form>
Avatar billede angelenglen Nybegynder
13. november 2003 - 18:40 #5
hov, mente selvfølgelig:

<HTML>
<HEAD>
<TITLE>m</TITLE>
<META NAME="Generator" CONTENT="Notepad.exe">

<LINK REL=STYLESHEET HREF="um.css" TYPE="text/css">

<script language="JavaScript" src="m.js"></script>
</head>
<body bgcolor="#EEEEEE">
<center>
<form name="papers">






<table border=0 cellpadding=0 cellspacing=0 style="width: 400px;">
  <tr>
    <td vAlign="top" style="padding-top: 3px;" style="width: 20px;"><center><img src="arrow_dotted_yellow.gif" border="0" onclick="togglecheck('box2');"></center></td>
    <td><a href="getsingle.php?id=2" title="Click here to access this file only.">Hey&nbsp;man</a></td>
  </tr>
  <tr>
    <td vAlign="top" style="padding-top: 3px;"><center><input type="checkbox" id="box2"></center></td>
    <td style="padding-top: 3px;"><span onclick='togglecheck("box2");'>tester</span></td>
  </tr>
</table>

</form>






---------m.js:
function togglecheck(boxname) {
    var checkbox = document.getElementById(boxname);
        checkbox.checked = (checkbox.checked == true) ? false : true;
    }
Avatar billede angelenglen Nybegynder
13. november 2003 - 18:41 #6
hmm nevermind, jeg fatter det ikke. det virker igen nu....
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