checkboxes in datalist

This JavaScript (which is not the same thing as Java) should do the trick as long as the HTML structure generated by the DataList remains the same.

Alternatively, you might consider switching to a RadioButtonList that has: Never, Immediately, Twice Daily, Both

A RadioButtonList would make the HTML work in more scenarios, and wouldn't require any JavaScript.

function adjustCheckboxes(event) {
	var e = eventElement(event);
	if (e.id.indexOf('chbNever') >= 0) {
		var r = e.parentNode.parentNode,
			c1 = r.childNodes[1].childNodes[0],
			c2 = r.childNodes[2].childNodes[0];
		c1.checked = false;
		c2.checked = false;
	}
}
function eventElement(event) {
	var e = event || window.event, 
		o = e.target || e.srcElement;
	if (o.nodeType === 3) { // defeat Safari bug
		o = o.parentNode;
	}
	return o;
}
document.onclick = adjustCheckboxes;

Select allOpen in new window

Hi Greg,
You hit the nail on the head... Thank you so much...
Oliver

Hi Greg,

May I ask you one more question...
what would I use If I wanted a button to select all send daily checkboxes at once?
and to continue that thought one button for select all immediatly and one for select all never checkboxes?

Thank you,
Oliver

I've attached a sample that should help to get you there...  

Note: toggling checked = true / false is based on the current value of the top checkbox in the column.
Test.htm.txt

Hi greg,

this works great in plain html... but the datalist control add thes pesty <span> tags that srew up the java script...

here is the control code I use

<asp:DataList id="dlstManufacturers" HorizontalAlign="Center" runat="server" CellPadding="0" ShowFooter="True" ShowHeader="True" DataKeyField="RecordId" OnItemDataBound="ItemDataBound" OnItemCommand="ItemCommand" RepeatLayout="Flow" RepeatDirection="Horizontal">
    <HeaderTemplate>
   

       
        <table id="myTable" cellpadding="5" cellspacing="0" border="0">
            <tr>
                <td width="150">
                    <asp:Label CssClass="NormalBold" ID="Label1" runat="server" Text="Manufacturer"></asp:Label>
                </td>
                <td width="150">
                    <asp:Label CssClass="NormalBold" ID="Label2" runat="server" Text="Send Immediately"></asp:Label>
                </td>
                <td width="150">
                    <asp:Label CssClass="NormalBold" ID="Label3" runat="server" Text="Send Twice Daily"></asp:Label>
                </td>
                <td width="150">
                    <asp:Label CssClass="NormalBold" ID="Label4" runat="server" Text="Never Send"></asp:Label>
                </td>
            </tr>
       
    </HeaderTemplate>
    <ITEMTEMPLATE>
       
                        <tr>
                            <td width="150">
                                <asp:Label id="lblManufacturerId" Text='<%# DataBinder.Eval(Container.DataItem, "RecordId")%>' Runat="server" Visible="false"></asp:Label>
                                <asp:Label CssClass="Normal" id="lblManufacturerName" Text='<%# DataBinder.Eval(Container.DataItem, "ManufacturerName")%>' runat="server"></asp:Label>
                            </td>
                            <td width="150">
                                <asp:CheckBox ID="chbImmediately" runat="server" onclick="SingleSelect('chk',this);" />
                            </td>
                            <td width="150">
                                <asp:CheckBox ID="chbDaily" runat="server" />
                            </td>
                            <td width="150">
                                <asp:CheckBox ID="chbNever" runat="server" />
                            </td>
                        </tr>
                   
               
    </ITEMTEMPLATE>
    <FooterTemplate>
    </table>
       
    </FooterTemplate>
</asp:DataList>

this creates this html code...

<span id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers"><span>
 
       
        <table id="myTable" cellpadding="5" cellspacing="0" border="0">
            <tr>
                <td width="150">
                    <span id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers_ctl00_Label1" class="NormalBold">Manufacturer</span>
                </td>
                <td width="150">
                    <span id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers_ctl00_Label2" class="NormalBold">Send Immediately</span>
                </td>
                <td width="150">
                    <span id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers_ctl00_Label3" class="NormalBold">Send Twice Daily</span>
                </td>
                <td width="150">
                    <span id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers_ctl00_Label4" class="NormalBold">Never Send</span>
                </td>
            </tr>
       
    </span><span>
       
                        <tr>
                            <td width="150">
                               
                                <span id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers_ctl01_lblManufacturerName" class="Normal">Acura</span>
                            </td>
                            <td width="150">
                                <input id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers_ctl01_chbImmediately" type="checkbox" name="dnn$ctr783$EmailNotificationSettings$dlstManufacturers$ctl01$chbImmediately" onclick="SingleSelect('chk',this);" />
                            </td>
                            <td width="150">
                                <input id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers_ctl01_chbDaily" type="checkbox" name="dnn$ctr783$EmailNotificationSettings$dlstManufacturers$ctl01$chbDaily" />
                            </td>
                            <td width="150">
                                <input id="dnn_ctr783_EmailNotificationSettings_dlstManufacturers_ctl01_chbNever" type="checkbox" name="dnn$ctr783$EmailNotificationSettings$dlstManufacturers$ctl01$chbNever" />
                            </td>
                        </tr>
                   
               
    </span><span>...

any ideas how I could work around that?

I really appreciate your help..

Hi Greg,

Just disregard the last question... I switched to repeater and it works fine now...

Thanx fo all your help... ;o)