2013-03-20 38 views
-2

我希望能夠運行這個頁面上的jQuery UI的效果:使用複選框來切換一個jQuery UI事件

http://jqueryui.com/toggle/

但當用戶蜱或unticks複選框,而不是點擊一個按鈕。我只想要一個效果,所以我不需要選擇框。基本上我希望一些表單域可以滑入或滑出,具體取決於用戶是否選中複選框。

感謝

+1

你試過了什麼代碼?請張貼。 – user1048676 2013-03-20 01:16:07

+0

無,我不知道從哪裏開始使複選框切換而不是按鈕 – guru 2013-03-20 01:23:04

+0

好,現在我已經到了http://jsfiddle.net/rHENX/,但現在複選框不會打勾。點擊時它不會被打開,但幻燈片可以正常工作。 – guru 2013-03-20 01:33:35

回答

2

我已經適應從jQuery UI的代碼,使這個JS提琴:

http://jsfiddle.net/m5sTY/13/

您可以點擊只需添加甚至到了該複選框,看看它是否已選中:

$("#effect").toggle(false); 
$("#run_effect").click(function(){ 
    if($('#run_effect').is(':checked')){ 
     runEffect(); 
     //you can do something else if the checkbox is checked here 
    }else{ 
     runEffect(); 
     //you can do something else if the checkbox is unchecked here 
    } 
}); 

我刪除了返回false,它工作正常。試試看。

+0

似乎有相同的問題,該框不會檢查 – guru 2013-03-20 01:38:14

+0

@guru我更新了我的答案。返回false導致複選框不被選中。 – user1048676 2013-03-20 02:09:31

+0

完美的作品很棒。只是一個後續問題,我如何使它不能作爲默認值顯示,並勾選該框使其顯示? – guru 2013-03-20 02:43:12