html代碼在Mozilla中無法正常工作

<html> 
<body> 

<script> 
function show_mcap() 
{ 
    if(document.form1.marriage.checked) 
    document.getElementById("m_cap1").innerHTML="Hall Capacity<br><input type=text  name=hall[]><br>Dining Hall capacity<br><input type=text name=d_hall[]><br>Rent<br><input  type=text name=rent[]>" 
    else 
    document.getElementById("m_cap1").innerHTML="" 
} 

    function show_bcap() 
    { 
     if(document.getElementById("bday").checked) 
     { 
      document.getElementById("b_cap1").innerHTML="Hall Capacity<br><input type=text name=hall[]><br>Dining Hall capacity<br><input type=text name=d_hall[]><br>Rent<br><input type=text name=rent[]>" 
     } 
      else 
      document.getElementById("b_cap1").innerHTML="" 
     } 
</script> 



<form name="form1"> 
<table> 

<tr> 
<td width="230"><label for="bday"> 
    <input type="checkbox" name="category[]" value="marraige" id="marriage"  onClick="show_mcap()">Marriage/Reception 
</td> 

<td width="227"> 
<input type="checkbox" name="bday" value="bday" id="bday" onClick="show_bcap()">Bday 
</td> 
</tr> 
    <tr> 
     <td><div id="m_cap1"></div></td> 
     <td><div id="b_cap1"></div></td> 
    </tr> 
</table> 
</form> 
</body> 
</html>

這是我寫的代碼。此代碼在Chrome，Internet Explorer，Opera中正常工作。但在Mozilla中無法正常工作！當我點擊第一個複選框時，第二個複選框會自動選中！請幫助我html代碼在Mozilla中無法正常工作

來源

2013-02-05 Shashank B Rai

你是否在控制檯中發現錯誤？ –

我相信它與你的標籤有關。您將「marraige」周圍的標籤指定爲「bday」。改變這是「marraige」，它應該按預期運作。

也就是說，變化：

<td width="230"><label for="bday"> 
    <input type="checkbox" name="category[]" value="marraige" id="marriage"  onClick="show_mcap()">Marriage/Reception 
</td>

要

<td width="230"> 
    <label for="marriage"> 
     <input type="checkbox" id="marriage" onClick="show_mcap()">Marriage/Reception 
    </label> 
</td>

在Firefox測試工作示例見http://jsfiddle.net/JGMMj/。我想指出的是，代碼還有其他問題，但是這涉及到您提到的問題。

來源

2013-02-05 05:21:04 Julio

thk ...現在很好 –

html代碼在Mozilla中無法正常工作

回答

相關問題