Comments on: Using jQuery to Show/Hide Form Elements Based on a Checkbox Selection

By: ampmy123

ampmy123 — Mon, 23 Apr 2012 23:50:42 +0000

Hello Cory. I have wrote some code to hide and show my drobdownlist base on the Checkbox check . I have one Check box ( div nonUS) and 2 dropdownlist 1. dowpdownlist state (div state) and 2. dropdownlist Countries (div nonUs1)
what i want is when the page load div-nonUs1 is hide and div-state is show. and when you click on Checkbox div-nonUS then div_nonUs1 will will show and and the div-state will hide .Here is my code is below so my problem is when the page is load div-nonUs1 is hide and div-state is show but when i click Checkbox div-nonUS . the state div is hide but nonUS is not show . If you or any body have any idea about this please help me out .
Thanks alot.

$(document).ready(
function () {

$(‘#nonUs1′).hide();*@
$(
‘#nonUS’).click(function () {
var thisCheck = $(this);
if (thisCheck.is(‘:checked’)) {
$(
‘#nonUs1′).css(“display”, “”);
}
else {
$(
‘#nonUs1′).css(“display”, “non”);
}
});
$(
‘#nonUS’).click(function () {
var thisCheck = $(this);
if (thisCheck.is(‘:checked’)) {
$(
‘#state ‘).css(“display”, “none”);
}
else {
$(
‘#state’).css(“display”, “”);
}
});
@*

By: Very Stupid Things (@VeryStupidThing)

Very Stupid Things (@VeryStupidThing) — Thu, 20 Oct 2011 18:42:47 +0000

Hi Chris.
There is actually a very easy way to do this

$(“#checkme”).click(function () {
$(“#extra”).toggle(this.checked);
});

Short, sweet and to the point!

By: ram

ram — Tue, 20 Sep 2011 11:48:49 +0000

thanks its worked for me…its very helpful

By: Vikram

Vikram — Tue, 24 May 2011 17:35:53 +0000

Thanks!

By: Vafa

Vafa — Mon, 18 Apr 2011 16:47:22 +0000

Nice Tip

Thanks

By: Gerald

Gerald — Thu, 10 Feb 2011 21:06:10 +0000

Thank you for the posting. That helps a lot !!!!

By: Mark Iliff

Mark Iliff — Thu, 27 Jan 2011 02:15:28 +0000

Magic! Just what I was looking for. Thanks.

By: Webdesign Arnhem

Webdesign Arnhem — Mon, 24 Jan 2011 20:26:22 +0000

Thanks for keeping it clean and simple, saved my day.

Peter

By: Sjors

Sjors — Fri, 21 Jan 2011 14:50:36 +0000

For multiple boxes and change of div on check


$(document).ready(function(){
//hide the replacing text

$("#displayshort1").hide(); $("#displayshort2").hide();
//Toggle between divs

$("#checkme").click(function(){

$("#displayshort1").toggle();

$("#displaylong1").toggle();

});

$("#checkme2").click(function(){

$("#displayshort2").toggle();

$("#displaylong2").toggle();

});
    });

HTML


  Long text

  short text
  Long text

  short text

By: make content hide on checkbox click | Alisso! - Victoria Wagman | C.I.R.O.

Mon, 10 Jan 2011 09:21:34 +0000

[...] Dölj och visa innehåll på hemsidan (t.ex. div) med en checkbox m.h.a. jquery [...]