爲什麼選中取消不顯示/隱藏內容？

http://gomoxy.com/una/edmontonautoloans/credit-application.php

我jQuery代碼：爲什麼選中取消不顯示/隱藏內容？

$("#callback_toggle").is(':checked')){ 
    $("#txthiden").hide(); 
    }else{ 
    $("#txthiden").show(); 
}

當我檢查的複選框，我想隱藏其內容在txthiden股利。反之亦然。默認狀態爲未選中，並顯示txthiden div中的內容。爲什麼我的代碼不起作用。謝謝。

來源

2012-07-17 down1234

工作演示http://jsfiddle.net/ACnn4/1/

代碼

$("#callback_toggle").on('change', function() { 
    if ($(this).is(':checked')) { 
     $("#txthiden").hide(); 
    } else { 
     $("#txthiden").show(); 
    } 
});

來源

2012-07-17 03:39:46

變化：

$("#callback_toggle").is(':checked')){

到：

if ($("#callback_toggle").is(':checked')) {

來源

2012-07-17 03:39:43 undefined

+1還要注意需要檢查的複選框無論如何即點擊或改變'：）' – 2012-07-17 03:41:22

[此處爲<div> s的拼寫錯誤和表格佈局的義務咆哮]

您需要爲此使用事件處理程序。你的代碼試圖在DOMready中進行切換，而不是當複選框被切換時。

$('#callback_toggle').change(function() { 
    if ($(this).is(":checked")) { 
     ("#txthiden").hide(); 
    } else { 
     ("#txthiden").show(); 
    } 
});

來源

2012-07-17 03:41:12 Phil

你可以嘗試這個應該工作。

也許這將是最簡單的一個。 See demo

$("#callback_toggle").click(function() { 
     $("#txthiden").toggle(); 
});

這一個工程，以及

$("#callback_toggle").click(function() { 
    if ($(this).is(':checked')) { 
     $("#txthiden").hide(); 
    } else { 
     $("#txthiden").show(); 
    } 
});

來源

2012-07-17 03:42:11 Dips

爲什麼選中取消不顯示/隱藏內容？

回答

相關問題