Why checkboxes don't enable textbox?

[gilgalbiblewhee]

Can someone verify why the checkboxes don't enable the textbox?
<td style="background-color: #dedee1; background-repeat: repeat; background-attachment: scroll; border-style: none; border-width: medium; background-position: 0%">
<input disabled name="number" title="Search book, chapter, and/or verse number" class="form-input"
onblur="if(this.value==''){this.value='select a checkbox below to enable';}" onfocus="if(this.value=='select a checkbox below to enable'){this.value='';}" size="30" value="select a checkbox below to enable"><br/>

<input onclick="text(this)" type="checkbox" value="yes" name="book_title">Book Title<br/>
<input onclick="text(this)" type="checkbox" value="yes" name="book">Book<br/>

<input onclick="text(this)" type="checkbox" value="yes" name="chapter">Chapter<br/>
<input onclick="text(this)" type="checkbox" value="yes" name="verse">Verse<br/>
<input onclick="text(this)" type="checkbox" value="yes" name="bookchapter">Book and Chapter<br/>
<input onclick="text(this)" type="checkbox" value="yes" name="chapterverse">Chapter and Verse<br/>
<input onclick="text(this)" type="checkbox" value="yes" name="bookchapterverse">Book, Chapter and Verse<br/>

</td>

[Khalid Ali]

just add the following javascript anywhere in the page(preferably in the head sectionof the document)


<script type="text/javascript">
<!--
function text(cb){
var cbees = document.getElementsByName("input");
var len = cbees.length;
var disable = true;
for(var x=0;x<len;x++){
var checkBox = cbees[x];
if(checkBox.type=="checkbox" && checkBox.checked){
disable = false;
}
}

if(disable){
document.getElementsByName("number")[0].disabled = true;
}
if(cb.checked==true){
document.getElementsByName("number")[0].disabled = false;
}
}
//-->
</script>

[gilgalbiblewhee]

thanks