---
title: "disable select med checkbox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/115746-disable-select-med-checkbox"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "mattiasnordin"
published: "2004-11-13T11:01:17.000Z"
updated: "2005-10-07T09:31:47.000Z"
replies: 18
views: 866
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/115746-disable-select-med-checkbox"
---

# disable select med checkbox

## #1 — mattiasnordin, 2004-11-13T11:01Z

Hej alla glada.

Jag undrar om det är möjligt att disable en selectbox beroende på om en checkbox på samma sida är ifylld eller inte.

 :q

Permalänk: https://www.webforum.nu/p/115746

## #2 — mattiasnordin, 2004-11-13T11:45Z

Hittade denna. Löser delvis mitt problem. Men först och främst. Jag suger på javascript. 

Om checkboxen inte är ifylld så ska alltid selectboxen vara disabled.

Om checkboxen är ifylld så ska den vara editerbar.

Nu är det tvärt om.

```
<head>
<script language="JavaScript">
<!--

function dis_select(changestate)
{
    document.form1.singleselect.disabled = changestate;
}

// -->
</script>
</head>
<body>
<form name="form1">

<BR>
<HR>

<input type="checkbox" onclick="dis_select(this.checked)" /> Disable/Enable

  <select name="singleselect" size="1" >
    <option>a</option>
    <option>b</option>
    <option>c</option>
  </select>

</form> 
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1483421

## #3 — dectgap, 2004-11-13T11:48Z

Ändra

```
document.form1.singleselect.disabled = changestate;
```

till

```
document.form1.singleselect.disabled = !changestate;
```

Permalänk: https://www.webforum.nu/p/1483422

## #4 — @nders, 2004-11-13T11:49Z

För att göra enklast möjliga, borde inte detta funka:

```
function dis_select(changestate)
{
    document.form1.singleselect.disabled = !changestate;
}
```

Jag är ju inte heller någon kung på javascript, men prova kan man nog i alla fall. :)

**edit:** Jo, säger han så, så... ;)

Permalänk: https://www.webforum.nu/p/1483423

## #5 — mattiasnordin, 2004-11-13T11:51Z

Super :)

Permalänk: https://www.webforum.nu/p/1483424

## #6 — mattiasnordin, 2004-11-13T12:01Z

Men som alltid... Jag ändrar ju checkboxen när sidan laddas med VBscript. 

Är databasen true så ska den vara checked och annars ej. Scriptet tar inte hänsyn till vad default läge är utan arbetar enbart när jag påverkar den. 

Hur kompletterar jag skriptet så att om default är att rutan är ikryssad så ska selectboxen inte vara disablad ?

Permalänk: https://www.webforum.nu/p/1483427

## #7 — mattiasnordin, 2004-11-13T12:03Z

Bifogar nuvarnade kod... 

```
<!--- Hanterar avstängnign av submeny valet --->
<script language="JavaScript">
function dis_select(changestate){
	document.edit.req_set_this_id_to_master.disabled = !changestate;
	}
</script>

<br clear=all>
&nbsp; Sidan är en subsida 	
	<input type="checkbox" name="req_submeny_true" onclick="dis_select(this.checked)" <%if varValdSubSida <> "" then%> checked <% end if %>> 
till sidan 

	<!--- Hämtar alla sidor och laddar subsidmenyn --->
	<select name="req_set_this_id_to_master" disabled>
	<% sql = "SELECT lank_namn, id, huvud_meny_id FROM T_sidor WHERE sub_meny_till_sida_id IS null AND site_id = " &sSiteId &" ORDER BY huvud_meny_id, lank_namn"
	response.write "<hr><b>Bygger select boxen:</b> " &sql &"<hr>"
	set rsSelect = connect.execute(sql)
	while not rsSelect.eof %>
		<% if rsSelect("id") = varValdSubSida then %>
		<option selected value="<%=rsSelect("id")%>"><%=rsSelect("huvud_meny_id")%>)&nbsp; <%=rsSelect("lank_namn")%></option>
		<% else %>
		<option value="<%=rsSelect("id")%>"><%=rsSelect("huvud_meny_id")%>)&nbsp; <%=rsSelect("lank_namn")%></option>
		<% end if %>
	<% rsSelect.movenext
	wend %>
	</select>
```

:OO

Permalänk: https://www.webforum.nu/p/1483428

## #8 — @nders, 2004-11-13T12:04Z

```
<body onload="dis_select(document.getElementById('chk').checked);">

...

<input type="checkbox" onclick="dis_select(this.checked)" [b]id="chk"[/b]/> Disable/Enable
```

Permalänk: https://www.webforum.nu/p/1483429

## #9 — mattiasnordin, 2004-11-15T20:42Z

Vad betyder **/** i slutet av \<input... ?

och

vad är det för skillnad på ID= och NAME= ?

Permalänk: https://www.webforum.nu/p/1484688

## #10 — @nders, 2004-11-16T06:37Z

> Vad betyder / i slutet av \<input... ?

I XHTML måste alla element avslutas. I element som inte har en egen avslutningstagg lägger man en slash sist.

> vad är det för skillnad på ID= och NAME= ?

id är ett elementnamn som måste vara unikt i dokumentet. När du använder id kan du använda *document.getElementById('foo')* för att med javascript komma åt elementets egenskaper.
Om du istället använder name, behöver namnet inte vara unikt.  Om du använder *name* får du använda olika metoder beroende på vad för sorts element det är, när du skall komma åt elementets egenskaper.

id är en global identifierare (dvs, id är giltigt på alla element), men name är inte det. Name har olika innebörder beroende på elementtyp.

Permalänk: https://www.webforum.nu/p/1484796

## #11 — mattiasnordin, 2004-11-16T10:14Z

Superb. Tack för beskrivningen. :)

Permalänk: https://www.webforum.nu/p/1484872

## #12 — @nders, 2004-11-16T10:15Z

Vahzegoh! :)

Permalänk: https://www.webforum.nu/p/1484873

## #13 — lzon, 2005-10-06T18:46Z

> **mattiasnordin skrev:**
>
> ```
> <head>
> <script language="JavaScript">
> <!--
> 
> function dis_select(changestate)
> {
>     document.form1.singleselect.disabled = changestate;
> }
> 
> 
> // -->
> </script>
> </head>
> <body>
> <form name="form1">
> 
> <BR>
> <HR>
> 
> <input type="checkbox" onclick="dis_select(this.checked)" /> Disable/Enable
> 
>   <select name="singleselect" size="1" >
>     <option>a</option>
>     <option>b</option>
>     <option>c</option>
>   </select>
> 
> </form> 
> </body>
> </html>
> ```

Hej,
Det här funkade ju bra! Att kryssa i en checkbox för att disabla en knapp. Försökte nu att få det tvärt om:
Att alltså kryssa i en checkbox för att enabla en knapp.
Nån som vet? Jag har sökt här på forumet men hittar konstigt nog inget :q 

Tack på förhand!

Permalänk: https://www.webforum.nu/p/1682127

## #14 — Peter S, 2005-10-06T18:50Z

Hejsan!

Om vi fortsätter på ovanstående kod:

```
<head>
<script language="JavaScript">
<!--

function dis_select(changestate)
{
    document.form1.button.disabled = changestate;
}

// -->
</script>
</head>
<body>
<form name="form1">

<BR>
<HR>

<input type="checkbox" onclick="dis_select(this.checked)" /> Disable/Enable
<input type="button" name="button" value="Knapp" />

</form> 
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1682128

## #15 — Web-Tor, 2005-10-06T19:00Z

Fast det var väl tvärt om du ville ha det?

```
<head>
<script language="JavaScript">
<!--

function dis_select(changestate)
{
    document.form1.button.disabled = !changestate;
}

// -->
</script>
</head>
<body>
<form name="form1">

<BR>
<HR>

<input type="checkbox" onclick="dis_select(this.checked)" /> Disable/Enable
<input type="button" name="button" value="Knapp" disabled="disabled" />

</form> 
</body>
</html>
```

Nu är knappen disablad från början och enablas när man klickar i checkboxen.

Permalänk: https://www.webforum.nu/p/1682132

## #16 — lzon, 2005-10-07T07:52Z

> **Web-Tor skrev:**
>
> Fast det var väl tvärt om du ville ha det?
> Nu är knappen disablad från början och enablas när man klickar i checkboxen.

Exakt Tor. Tvärtom var det.
Tack ska du ha  :bire

Permalänk: https://www.webforum.nu/p/1682268

## #17 — Web-Tor, 2005-10-07T07:54Z

Vassego.
Det var inte speciellt svårt eftersom lösningen fanns lite längre upp i den här tråden: ;)
<http://www.webforum.nu/showthread.php?p=950781#post950781>

Permalänk: https://www.webforum.nu/p/1682269

## #18 — Erik Juhlin, 2005-10-07T08:04Z

Ett måste när man har checkboxar:

```
<input type="checkbox" id="foo" onclick="dis_select(this.checked)" /> <label for="foo">Disable/Enable</label>
```

Även om jag har mitt CS-aim så blir jag alltid irriterad när jag måste sikta in mig på en lite fjuttig kryssruta.
I stort sett alla desktop-applikationer så kan man klicka på texten för att kryssa i en checkbox. Dumt att skilja sig från det gränssnittet.

Permalänk: https://www.webforum.nu/p/1682274

## #19 — mattiasnordin, 2005-10-07T09:31Z

Intressant. Det där har jag letat efter. Tackar för informationen Erik!

Permalänk: https://www.webforum.nu/p/1682298

---

Tråden på webben: https://www.webforum.nu/amne/javascript/115746-disable-select-med-checkbox
