チェックボックスに値を割り当てる？

Question

ここにいるみんなに感謝します。私たちはチェックボックスクリックのための関数をソートしています。今は控えめなjsを使用しています。私が達成したい何

ます。..

我々はフォームを持っている、とのunclickedチェックボックスに提出し、それは通常どおりフォームが提出...

しかし..私はオプションを追加しました...基本的に

...

チェックボックスがオフになっている場合に、チェックボックスをクリックして、と私は同じフォームの一部になりたいどの...隠されたコンテンツを表示するが、その他の値などとし、ショーの標準は、送信ボタンを。

チェックボックスがオンの場合、標準ボタンを非表示にして、追加のフォーム要素と新しい送信ボタンを切り替えます。

私が直面しています問題は、次のとおりです。

1. チェックボックスからonclickの数値を渡し、その標準いる1または0 0に設定する必要が 1隠れ送信ボタンを何もしないし、隠された追加のフォームを切り替えますフィールド。

私はトグルを作動させることができますが、チェックボックスのオンクリックは何もしません。

チェックボックスをオンにすると、送信ボタン（通常は表示されています）を非表示にするのも困惑します。隠された要素の

スクリプト：

$('.styledCheckbox').change(function() { 
    if ($(this).val() != "0") { 
    $('.extraForm').show('fast'); 
    }else if ($(this).val() == "0") { 
    $('.extraForm').hide('fast'); 
} 

}）。チェックボックスのための

スクリプト：チェックボックスのための

$(function(){ 
    $('.styledCheckbox').click(function(){ 
    setCheckboxDisplay(this); 
    }); 
}); 

HTML：

<input name="include" type="checkbox" id="checkbox" class="styledCheckbox" /> 

隠されたdivの

<div class="extraForm" style="display:none;"> 
             <!--extra form elements and submit button here--> 
            </div> 

ああ、イベントに基づいて動的な作用を有することが、フォームのようなidealyうハンドラ、標準的なフォームを送信する場合..何かを行う、チェックボックスが選択されている場合は、フォームの提出... somethiを行うその他

CHECKBOXの選択に基づいてフォームアクションを変更するには、

ので、何かのような...

changeAction（URL）{= "clicked.php" document.this_form.action。 }

<フォームメソッド=「POST」名前=「this_form」アクション=「unclicked.php」>

Answer 1

私はあなたのチェックボックスをオンに設定した値を持っていないので、それが機能していないと思います。また、チェックボックスがチェックされているかどうかを確認するためのjQuery is(":checked")機能に優れている：

JS：

$('.styledCheckbox').change(function() { 
    if ($(this).is(":checked")) { 
        $('.extraForm').show('fast'); 
    } else { 
     $('.extraForm').hide('fast'); 
    } 
}); 

HTML：

<input name="include" type="checkbox" id="checkbox" value="yes" class="styledCheckbox" /> 

広告@ mの

Answer 2

私はあなたがチェックボックスにチェック場合、ステータスに基づいてフォームを切り替えるしようとしていると仮定します。 それはケースの試みだ場合：

$('.styledCheckbox').change(function() { 
    if ($(this).is(':checked')) { 
     $('.extraForm').show('fast'); 
    } else { 
     $('.extraForm').hide('fast'); 
    } 
});