Checking/Unchecking while Disabling/Enabling Check

GailCG · May 14th, 2004, 02:00 PM

I am updating a page which has a table with four checkboxes that receives data from a db. The results are sent to a database, but

only two of the four checkbox values are stored into two fields in the db.

Critical
The user can not select more than two of the four checkboxes at any given time; the remaing 2 checkboxes must always be

disabled.

Currently
When the page loads the appropriate 2 of the 4 checkboxes are checked and the remaining 2 are unchecked and enabled.

Goal:
(1) When the page loads how do I disabled the 2 unchecked checkboxes.
(2) When the user unchecks 1 of the 2 currently checked checkboxes--enable the other 2 checkboxes which were previously
disabled.
(3) Only 2 of the 4 checkboxes are checked at any given time and the remaining 2 must be disabled.

My code snipet------>When the page loads, my aspx.vb is:

If DSPageData.Tables("ViewSelected").Rows(0).Item("Ty peCode1") = "Q" Or
DSPageData.Tables("ViewSelected").Rows(0).Item("Ty peCode2") = "Q" Then
chkQuality.Checked = True
End If

If DSPageData.Tables("ViewSelected").Rows(0).Item("Ty peCode1") = "F" Or
DSPageData.Tables("ViewSelected").Rows(0).Item("Ty peCode2") = "F" Then
chkFinancial.Checked = True
End If

If DSPageData.Tables("ViewSelected").Rows(0).Item("Ty peCode1") = "C" Or
DSPageData.Tables("ViewSelected").Rows(0).Item("Ty peCode2") = "C" Then
chkCustomer.Checked = True
End If

If DSPageData.Tables("ViewSelected").Rows(0).Item("Ty peCode1") = "E" Or
DSPageData.Tables("ViewSelected").Rows(0).Item("Ty peCode2") = "E" Then
chkEmployee.Checked = True
End If

My .aspx looks like:
<htm>
<head><title>Checkbox and More</title></Head>
<body>
<form>
<table>
<asp:checkbox id="chkQuality" runat="server" Text="Quality" AutoPostBack="True"></asp:checkbox>
<asp:checkbox id="chkFinancial" runat="server" Text="Financial" AutoPostBack="True"></asp:checkbox>

<asp:checkbox id="chkCustomer" runat="server" Text="Customer Service" AutoPostBack="True"></asp:checkbox>
<asp:checkbox id="chkEmployee" runat="server" Text="Employee" AutoPostBack="True"></asp:checkbox>
<asp:button id="btnUpdate" runat="server" Font-Names="Arial" Text="Save"></asp:button>
</table>
</form>
</body>
</html>

Snib · May 14th, 2004, 03:23 PM

Looks like you're going to have to use JavaScript for this one- ASP can't interact with the page once it's loaded.

You might want to do some Googling for a pre-made script that does this (if there are any).

I'll let you know if I find a solution for you.

Snib

<><

mat41 · May 24th, 2004, 12:11 AM

</html>
<head>
<script>
function countChoices(obj)
{
  max = 2; // max. number allowed at a time
  box1 = obj.form.box1.checked; // your checkboxes here
  box2 = obj.form.box2.checked;
  box3 = obj.form.box3.checked; // add more if necessary

  count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
  // If you have more checkboxes on your form
  // add more (box_ ? 1 : 0) 's separated by '+'

  if (count > max)
  {
     alert("Oops! You can only choose up to " + max + " choices! \nUncheck an option if you want to pick another.");
obj.checked = false;
  }
}
-->
</script>
</head>
<body>
<form>
Please choose up to 2 sections:
<p>
<input type=checkbox name=box1 onClick="countChoices(this)">Section 1
<p>
<input type=checkbox name=box2 onClick="countChoices(this)">Section 2
<p>
<input type=checkbox name=box3 onClick="countChoices(this)">Section 3
<p>
</form>
</body>
</html>

Wind is your friend
Matt