1

選択したオプションの値に基づいてチェックボックスを表示/非表示にする方法は? 選択オプションの単一の値に基づいてチェックボックスを表示し、他の値が選択されているときに非表示にしたい。私はjqueryソリューションを試しています。

$('#abcselect').change(function(){$('#unknownlicense').toggle($(this).val() == 'first')});
4

4 に答える 4

4 
$(document).ready(function() {
    $("select").change(function() {
        $("#foo").toggle($(this).val() == "something"));
    }).change(); // in case the first option is selected on page load
});

試してみてください: http://jsfiddle.net/JMGMx/3/

また、 http://api.jquery.com/toggle/およびhttp://api.jquery.com/slidetoggle/も参照してください。

于 2010-07-27T16:16:40.120 に答える
1 
    $('#YourSelectId').change(function () {
        if($(this).val() == 'TheValueOftheOptionThatHasCheckboxes'){
            $('#IdOfDivContainingTheCheckBoxes').show();
        }
        else{
            $('#IdOfDivContainingTheCheckBoxes').hide();
        }
    });
于 2010-07-27T16:17:04.950 に答える
0

そのチェックボックス（または周囲のdiv）をselectオプションの値と同じIDに設定して、その値が選択されたときに次のことを行うことができます。

$('#sameIDasOption').show();
于 2010-07-27T16:18:12.233 に答える
0

次のようなコードで jquery を使用して変更された選択オプションにバインドできます。

$('.target').change(function() { 
    alert('Handler for .change() called.'); 
 });

.show() および .hide() メソッドで表示と非表示を切り替えることができます。

これらを組み合わせて、次のようなことができます

$('#SelectId').change(function (){
    if($(this).val() == 'ShowCheckBox'){
         $('DivWithCheckboxes).show()
     }
     else{
         $('DivWithCheckboxes).hide()
     }
});

関数の詳細については、次を参照してください。

http://api.jquery.com/change/
http://api.jquery.com/show/
http://api.jquery.com/hide/

于 2010-07-27T16:22:49.280 に答える