Blogger: Problem with hiding widgets using checkboxes

This site is best viewed in a modern browser with JavaScript enabled.

Blogger: Problem with hiding widgets using checkboxes

lviolal

Hello,
I am trying to hide widgets from blogger using checkboxes.
Relevant part of the code:

<b:section-contents id='sidebar-left-1'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='document.Testform.Art[0].checked == true'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Relevant part of the code somewhere else:

<form name="Testform" action="">
<input type="checkbox" name="Art" value="SHTML2" /> Show HTML 2
<input type="checkbox" name="Art" value="SHTML1" /> Show HTML 1
</form>

The problem is: It does not work (even after reloading the site while the box remains checked)
Compared with otheres here I am quite new to HTML etc and hope you can help me out on this and show me what I did wrong.
Friendly greets,
lviolal

priyankagound

I have used the below code using checkbox and it works quite well. But the code is slight different from the one you posted. Hope you find your solution.

require(["dijit/form/CheckBox", "dojo/domReady!"], function(CheckBox){
var checkBox = new CheckBox({
name: "checkBox",
value: "agreed",
checked: false,
onChange: function(b){ alert('onChange called with parameter = ' + b + ', and widget value = ' + this.get('value') ); }
}, "checkBox");
});

Design:

<input id="checkBox" /> <label for="checkBox">I agree</label>

lviolal

Thank you for that answer.
I am not familiar with this kind of code (knowing only a bit html and the stuff I used).
Could someone tell me how and where to implement this code?
That would be great

priyankagound

Well implement this code in your css page.