ansaurus

Question

Attach a * to my DIv on click of the checkBox in JQuery

Answer 1

+2 A:

All you should need is the onclick event.

$('#option1').click(function() {
  if (this.checked) {
     $('#targetDiv').text('*');
  } else {
     $('#targetDiv').text('');
  }
});

See this example.

altCognito 2009-06-05 11:01:17

I assume you meant an empty string in the 'else' branch...

Visage 2009-06-05 11:05:14

I need to attach a * to the top of the Div

Aruna 2009-06-05 11:05:42

I sure did, and the this should have been slightly different as well. Posting the example. (Hadn't tested it Yet)

altCognito 2009-06-05 11:05:58

In the example I use a span. A span makes more sense than a div, because you probably want it to be inline with the text of the question.

altCognito 2009-06-05 11:08:02

If you want the div where it appends the *, then look at this example: http://jsbin.com/ataje The downside to this approach is you'll have to insure that the state of the * in the div is consistent with the checkbox. The span approach always works because it's wholly replacing the state of the span whereas the div makes an assumption that when it adds the star, it didn't have a star already (say at page load). Sure, you could add a check, but seems like a lot more complicated solution than the span.

altCognito 2009-06-05 11:13:58

ansaurus

tags:

views:

answers:

Attach a * to my DIv on click of the checkBox in JQuery

related questions