PDA

Click to See Complete Forum and Search --> : html: checkboxes within a radio form?

gilgalbiblewhee
07-19-2004, 10:04 AM
How is it possible to include checkboxes within a radio form? so that when that radio is enabled the checkbox list opens. And when another radio is chosen the checkbox list is disabled. Here is my sample:
(in html but it has a ASP response page)


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>Search for the Bible</title>
</head>

<body>

<form action="FormBibleRespond.asp" method="post">
<p>Where do you want to search?</p>

<form>
<input type="radio" name="selection" value="entire"> Search the entire King James Bible
<br>
<input type="radio" name="selection" value="notentire"> Select your search
<table border="1" width="100%" height="100">
<tr>
<td width="33%" height="19">
<input TYPE="checkbox" NAME="Genesis" CHECKED>Genesis</td>
<td width="33%" height="19"><input TYPE="checkbox" NAME="Isaiah" CHECKED>Isaiah</td>
<td width="33%" height="19"><input TYPE="checkbox" NAME="Romans" CHECKED>Romans</td>
</tr>
<tr>
<td width="33%" height="19"><input TYPE="checkbox" NAME="Exodus">Exodus</td>
<td width="33%" height="19"><br>
<input TYPE="checkbox" NAME="Jeremiah">Jeremiah<br>
</td>
<td width="33%" height="19"><input TYPE="checkbox" NAME="1 Corinthians">1 Corinthians<br>
</td>
</tr>
</table>
</body>
</html>
zingmatter
07-20-2004, 10:52 AM
I think you can use javascript.

Within the radio button:


<input type="radio" name="selection" value="entire"
onclick="openCheckboxes();"> Search the entire King James Bible
<br>
<input type="radio" name="selection" value="notentire"
onclick="closeCheckboxes();"> Select your search


Then write a couple of javascript functions which select or deselect all the checkboxes.
gilgalbiblewhee
08-10-2004, 01:46 PM
What I have is a table which one of the 10 fields is called "recordType".

I have in my htm two radio buttons for enabling/disabling 66 checkboxes. So far that works.

But the 66 checkboxes all have "value="recordType"" and name=recordType names. The names are listed:

<SCRIPT LANGUAGE=Javascript>

function disable(OnOff) {
var f = kjbible;

f.gn.disabled=OnOff;
f.is.disabled=OnOff;
f.ro.disabled=OnOff;

f.ex.disabled=OnOff;
f.je.disabled=OnOff;
f.co.disabled=OnOff;

f.lv.disabled=OnOff;
f.la.disabled=OnOff;
f.ci.disabled=OnOff;

f.nu.disabled=OnOff;
f.ez.disabled=OnOff;
f.ga.disabled=OnOff;

f.de.disabled=OnOff;
f.da.disabled=OnOff;
f.ep.disabled=OnOff;


f.js.disabled=OnOff;
f.ho.disabled=OnOff;
f.ph.disabled=OnOff;


f.jg.disabled=OnOff;
f.jl.disabled=OnOff;
f.cl.disabled=OnOff;


f.ru.disabled=OnOff;
f.am.disabled=OnOff;
f.th.disabled=OnOff;


f.sa.disabled=OnOff;
f.ob.disabled=OnOff;
f.te.disabled=OnOff;

f.sm.disabled=OnOff;
f.jh.disabled=OnOff;
f.ti.disabled=OnOff;

f.ki.disabled=OnOff;
f.mi.disabled=OnOff;
f.tm.disabled=OnOff;


f.kn.disabled=OnOff;
f.na.disabled=OnOff;
f.tt.disabled=OnOff;


f.ch.disabled=OnOff;
f.hb.disabled=OnOff;
f.pl.disabled=OnOff;

f.cr.disabled=OnOff;
f.ze.disabled=OnOff;
f.he.disabled=OnOff;

f.ea.disabled=OnOff;
f.ha.disabled=OnOff;
f.ja.disabled=OnOff;

f.ne.disabled=OnOff;
f.zc.disabled=OnOff;
f.pe.disabled=OnOff;

f.es.disabled=OnOff;
f.ml.disabled=OnOff;
f.pt.disabled=OnOff;

f.jb.disabled=OnOff;
f.mt.disabled=OnOff;
f.jn.disabled=OnOff;

f.ps.disabled=OnOff;
f.mk.disabled=OnOff;
f.jnn.disabled=OnOff;

f.pr.disabled=OnOff;
f.lk.disabled=OnOff;
f.jhn.disabled=OnOff;


f.ec.disabled=OnOff;
f.jo.disabled=OnOff;
f.ju.disabled=OnOff;


f.so.disabled=OnOff;
f.ac.disabled=OnOff;
f.re.disabled=OnOff;

}
</SCRIPT>

Example:

<td width="33%" height="19">
<input TYPE="checkbox" NAME="gn" CHECKED VALUE="recordType">Genesis</td>
<td width="33%" height="19">
<input TYPE="checkbox" NAME="is" CHECKED VALUE="recordType">Isaiah</td>
<td width="33%" height="19">
<input TYPE="checkbox" NAME="ro" CHECKED VALUE="recordType">Romans</td>
</tr>

My goal is to check some of the checkboxes (after enabling the checkbox table through the radio buttons) and search a keyword in that range(s) only. Example. Above are three names gn, is, ro. If I select "gn" only I want the keyword to be searched in the "gn" records ONLY. Or if I select "gn" and "is" only I want the keyword to be searched in the "gn" and "is" records ONLY.

I have attached my htm and asp pages with a small portion of my database if you want to verify.