如何用jQuery激活按鈕？

我試圖在用戶點擊「我同意...」文本的checkbox後顯示Next-Button。我試過()toggle和show/hide，但無法使它工作。任何想法如何解決這個問題？如何用jQuery激活按鈕？

jQuery的

<script> 
$(document).ready(function(){ 
    $("#i_agree_check").click(function(){ 
    $("next_2_btn_info").hide(); 
    }); 
    $("#i_agree_check").click(function(){ 
    $("next_2_btn_info").show(); 
    }); 
}); 
</script>

HTML

<div class="checkbox_agree show"><input type="checkbox" id="i_agree_check"</><?php echo $lang ['i_agree']; ?></div> 

    <div class="edit_btn"> <!-- Not active placeholder --> 
     <a href="#" title="<?php echo $lang ['complete_step']; ?>"><?php echo $lang ['next']; ?></a> 
    </div> 

    <div class="next_2_btn_info" id="next_2_btn_info"> 
     <a href="order_banner_2.php"><?php echo $lang ['next']; ?></a> 
    </div>

來源

2013-12-13 Teo

在選擇器之前缺少'＃'。 –

試試這個（更新）：

$("#next_2_btn_info").hide(); 
$("#i_agree_check").click(function(){ 
    $("#next_2_btn_info").toggle(); 
    });

來源

2013-12-13 19:46:30

非常感謝您的回答，我現在遇到的問題是，按鈕確實從一開始就顯示出來，並在點擊時隱藏起來。我需要的是完全相反的。這個「下一個」按鈕應該只在用戶檢查'checkbox'時顯示。我怎樣才能做到這一點？ – Teo

我已經更新了這個。只需在開頭隱藏它。 –

非常感謝，它的工作;-) – Teo

$("next_2_btn_info").hide(); //Change 

$("#next_2_btn_info").hide();

來源

2013-12-13 19:46:27 Triode

你可以試試這個，您需要的加#或.選擇器元素如$("#next_2_btn_info")

$(function(){ 
     $("#i_agree_check").click(function(){ 
      $("#next_2_btn_info").toggle();  
     }); 
    });

來源

2013-12-13 19:46:40

非常感謝您的答案，我現在的問題是，按鈕確實顯示從一開始就隱藏，當我點擊。我需要的是完全相反的。這個「下一個」按鈕應該只在用戶檢查'checkbox'時顯示。我怎樣才能做到這一點？ – Teo

從頭開始隱藏它。看看這個小提琴：http://jsfiddle.net/4UeYz/ –

你要註冊兩個相互矛盾的click活動與你的複選框，並且不使用按鈕的ID。試試這個：

$(document).ready(function(){ 
    $("#i_agree_check").click(function(){ 
     $("#next_2_btn_info").toggle();  
    }); 
});

注意它是如何#next_2_btn_info，而不是next_2_btn_info。此外，.toggle()基於對象的當前狀態顯示/隱藏。

來源

2013-12-13 19:47:38

非常感謝您的回答，我現在的問題是，按鈕確實顯示從一開始，當我點擊隱藏。我需要的是完全相反的。這個「下一個」按鈕應該只在用戶檢查'checkbox'時顯示。我怎樣才能做到這一點？ – Teo

您正在$（「＃i_agree_check」）上連續兩次設置點擊處理程序。嘗試設置單擊處理程序並測試複選框的值以確定它是否已被選中。

$('#i_agree_check').click(function(){ 
if($("#i_agree_check").is(':checked')) { 
    $('next_2_btn_info').show(); 
} else { 
    $('next_2_btn_info').hide(); 
} 
}

來源

2013-12-13 19:54:48

如何用jQuery激活按鈕？

回答

相關問題