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

私のjqueryコード:

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

チェックボックスをオンにしたときに、txthidendiv 内のコンテンツを非表示にしたい。逆に。デフォルトの状態はチェックされていtxthidenません。divのコンテンツが表示されています。私のコードが機能しない理由。ありがとうございました。

4

4 に答える 4

2

実際のデモ http://jsfiddle.net/ACnn4/1/

コード

$("#callback_toggle").on('change', function() {
    if ($(this).is(':checked')) {
        $("#txthiden").hide();
    } else {
        $("#txthiden").show();
    }
});
于 2012-07-17T03:39:46.963 に答える
1

変化する：

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

に：

if ($("#callback_toggle").is(':checked')) {
于 2012-07-17T03:39:43.447 に答える
0

[スペルミスとテーブルベース<div>のレイアウトに関する義務的な暴言はこちら]

これにはイベント ハンドラを使用する必要があります。あなたのコードは、チェックボックスが切り替えられたときではなく、DOMready で切り替えを行おうとしていました。

$('#callback_toggle').change(function() {
    if ($(this).is(":checked")) {
        ("#txthiden").hide();
    } else {
        ("#txthiden").show();
    }
});
于 2012-07-17T03:41:12.443 に答える
0

これを試すことができます。

おそらくこれが一番簡単でしょう。デモを見る

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

これも同様に機能します

$("#callback_toggle").click(function() {
    if ($(this).is(':checked')) {
        $("#txthiden").hide();
    } else {
        $("#txthiden").show();
    }
});​
于 2012-07-17T03:42:11.120 に答える