Hvis du lader én af de 4 radioknapper være checked fra starten, som:
<input type="radio" name="search_kreterie_1" value="starten" CHECKED>,
og alle 4 har sammen navn, vil én af dem altid være checked, hvorfor det ikke er nødvendig med kontrol.
Du kan også vælge først at markere en radioknap når brugeren skriver noget i tekstfeltet og så lægge kontrollen på tekstfeltet. Dvs hvis tekstfeltet er udfyldt ved du at en radioknap også er markeret, noget ala:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Søgning DVD Film</title>
<style type="text/css">
table {
background:#000;
width:98%;
font-family:Times New Roman;
font-size:13px;
}
td {
background:#fff;
}
.green {
background:#099;
}
</style>
<script type="text/javascript">
// Validering hvis checkboks er markeret og tekstfelt er udfyldt kan formen submittes
function TjekForm() {
for(i=1; i<=4; i++) {
var a = document.getElementById("chkbox_"+i);
var b = document.getElementById("search_"+i);
if(a.checked && !b.value=="") {
return true;
}
else {
alert("Du skal skrive et søgeord og vælge en radio !");
b.focus();
return false;
}
}
}
// Denne funktion markerer første radioknap, hvis tekstfeltet udfyldes og fjerner markering, hvis tekstfelt er tomt
function Tjek(elm){
if(elm.value.length > 0){
document.getElementById(elm.id + '1').checked=true;
}
else {
for(i=1;i<=4;i++){
document.getElementById(elm.id + i).checked=false;
}
}
}
// Starter funktionen Tjek(elm), når siden loades
window.onload = function(){
for(i=1;i<=4;i++){
document.getElementById('search_' + i).onkeyup = function(){Tjek(this);}
}
}
</script>
</head>
<body>
<div align="center">
<center>
<form name="search" action="?Opration=detalje&search=True&" method="post" onsubmit="return TjekForm();">
<table id="table2" cellspacing="1px" cellpadding="2px" border="0px">
<tr class=head>
<td align="left" colspan="7" class="green">Søgning DVD Film
</td>
</tr>
<tr align="center">
<td class="green" width="5%"></td>
<td width="5%" class="green"></td>
<td>
<select size="1" name="search_resutat">
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
</select>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align="center">
<td width="5%" class="green"><input type="checkbox" name="chkbox_nr" id="chkbox_1" value="True"></td>
<td width="5%" class="green">Nr.</td>
<td><input type="text" name="search_1" size="50" id="search_1" value=""></td>
<td>Indeholder<br><input type="radio" id="search_11" name="search_kreterie_nr" value="indeholder"></td>
<td>Starten<br><input type="radio" id="search_12" name="search_kreterie_nr" value="starten"></td>
<td>Endelse<br><input type="radio" id="search_13" name="search_kreterie_nr" value="endelse"></td>
<td>Eksakt ord<br><input type="radio" id="search_14" name="search_kreterie_nr" value="eksakt_ord"></td>
</tr>
<tr align="center">
<td width="5%" class="green"><input type="checkbox" name="chkbox_titel" id="chkbox_2" value="True"></td>
<td width="5%" class="green">Titel.</td>
<td><input type="text" name="search_2" size="50" id="search_2" value=""></td>
<td>Indeholder<br><input type="radio" id="search_21" name="search_kreterie_titel" value="indeholder"></td>
<td>Starten<br><input type="radio" id="search_22" name="search_kreterie_titel" value="starten"></td>
<td>Endelse<br><input type="radio" id="search_23" name="search_kreterie_titel" value="endelse"></td>
<td>Eksakt ord<br><input type="radio" id="search_24" name="search_kreterie_titel" value="eksakt_ord"></td>
</tr>
<tr align="center">
<td width="5%" class="green"><input type="checkbox" name="chkbox_kategori" id="chkbox_3" value="True"></td>
<td width="5%" class="green">Kategori.</td>
<td><input type="text" name="search_3" size="50" id="search_3" value=""></td>
<td>Indeholder<br><input type="radio" id="search_31" name="search_kreterie_kategori" value="indeholder"></td>
<td>Starten<br><input type="radio" id="search_32" name="search_kreterie_kategori" value="starten"></td>
<td>Endelse<br><input type="radio" id="search_33" name="search_kreterie_kategori" value="endelse"></td>
<td>Eksakt ord<br><input type="radio" id="search_34" name="search_kreterie_kategori" value="eksakt_ord"></td>
</tr>
<tr align="center">
<td width="5%" class="green"><input type="checkbox" name="chkbox_udlon" id="chkbox_4" value="True"></td>
<td width="5%" class="green">Udlån.</td>
<td><input type="text" name="search_4" size="50" id="search_4" value=""></td>
<td>Indeholder<br><input type="radio" id="search_41" name="search_kreterie_udlon" value="indeholder"></td>
<td>Starten<br><input type="radio" id="search_42" name="search_kreterie_udlon" value="starten"></td>
<td>Endelse<br><input type="radio" id="search_43" name="search_kreterie_udlon" value="endelse"></td>
<td>Eksakt ord<br><input type="radio" id="search_44" name="search_kreterie_udlon" value="eksakt_ord"></td>
</tr>
<tr align="center">
<td class="green" colspan="7"><input type="submit" value="Søg" name="søg" style="font-size: 10px"></td>
</tr>
</table>
</form>
</center>
</div>
</body>
</html>
