Question

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

我的jquery代码：

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

当我选中复选框时，我想要隐藏txthiden div中的内容。反之亦然。默认状态未选中。txthiden div中的内容正在显示。为什么我的代码不起作用。谢谢。

Answer 1

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

<强>码

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

Answer 2

变化：

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

为：

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

Answer 3

[<div>这里的拼写错误和基于表格的布局的强制性咆哮

您需要为此使用事件处理程序。您的代码尝试在DOMready中进行切换，而不是在切换复选框时。

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

Answer 4

你可以试试这个应该有效。

这可能是最简单的一个。 See demo

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

这个也适用

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

为什么检查取消选中不显示/隐藏内容？

4 个答案: