html按鈕不會隱藏在圖像按鈕上點擊

我有一個html圖像按鈕和兩個html按鈕。我想隱藏圖像按鈕上的兩個按鈕單擊。但是，無論何時按下圖像按鈕，頁面都會重新加載，並且按鈕可見。當我不隱藏Stop_Camera_view按鈕時，一切正常。
這裏是我的代碼，html按鈕不會隱藏在圖像按鈕上點擊

<script type="text/javascript"> 
function HideStartStopButton() { 
     document.getElementById("Start_Camera_view").hidden = true; 
     document.getElementById("Stop_Camera_view").hidden = true; 
    }  
</script> 
<input id="imgBtnSequencing" type="image" src="../images/update_btn.gif" value="Sequencing" onclick="HideStartStopButton();return false;"/> 
<button id="Start_Camera_view" name="Start_Camera_view" type="button" onclick="StartSequencingTimer()">Start</button> 
<button name="Stop_Camera_view" type="button" onclick="StopSequencingTimer()" title="Stop all cameras">Stop</button>

來源

2014-09-25 Manish Jain

嗨，沒有這些答案解決您的問題？如果是這樣，投票並接受一個答案。並投票選出所有有用的答案。通過這種方式，你鼓勵其他人蔘與SO的問答。 – Sam 2014-11-03 13:08:21

嗨，如果這些答案有幫助，請投票接受。乾杯! – Sam 2014-12-09 22:19:19

你忘了把第二個按鈕的ID。

取第二個按鈕的ID。

替換HTML代碼

<button id="Start_Camera_view" name="Start_Camera_view" type="button" onclick="StartSequencingTimer()">Start</button> 
<button name="Stop_Camera_view" type="button" onclick="StopSequencingTimer()" title="Stop all cameras">Stop</button>

與此：

<button id="Start_Camera_view" name="Start_Camera_view" type="button" onclick="StartSequencingTimer()">Start</button> 
<button id="Stop_Camera_view_2" type="button" onclick="StopSequencingTimer()" title="Stop all cameras">Stop</button>

來源

2014-09-25 05:36:32

您需要修改腳本這樣

<script type="text/javascript"> 
     function HideStartStopButton() { 
      document.getElementById('<%= Start_Camera_view.ClientID %>').style.display = "none"; 
      document.getElementById('<%= Stop_Camera_view.ClientID %>').style.display = "none"; 
     }  
</script>

而且，您還需要添加一個ID屬性到你這樣的第二個按鈕

<button ID="Stop_Camera_view" type="button" onclick="StopSequencingTimer()" title="Stop all cameras">Stop</button>

來源

2014-09-25 05:39:44 Sam

如果使用C＃和改變你的按鈕給ASP：ImageButton的和兩個ASP：按鈕可以隱藏這樣的按鈕：

<asp:ImageButton ID="imgBtnSequencing" runat="server" ImageUrl="../images/update_btn.gif" OnClick="HideStartStopButton_Click" /> 

<asp:Button id="Start_Camera_view" OnClick="StartSequencingTimer_Click" runat="server" /> 

<asp:Button id="Start_Camera_view2" OnClick="StopSequencingTimer_Click" runat="server" /> 



protected void imgBtnSequencing_Click(object sender, EventArgs e) 
     { 
      if(sender == imgBtnSequencing) 
      { 
       Start_Camera_view.Visible = false; 
       Start_Camera_view2.Visible = false; 
      } 
     }

來源

2014-09-26 09:30:50 Scanner

html按鈕不會隱藏在圖像按鈕上點擊

回答

相關問題