2

ドロップダウン リストの項目をクリックすると、いくつかのラジオ ボタンが下に表示されるドロップダウン リストに取り組みました。問題は、ラジオボタンを非表示にするにはどうすればよいですか? 私は自分のコードに非常に遠いことをすでに知っていますが、最後のステップだけがまだ欠けています。私が言いたいのは、selectStringがSelecteerであるたびに、 .locationRBクラスを表示しないことです。しかし、私はそれを行う方法がわかりません。これは私がすでに持っているものです:

//Unhided radiobuttons
  jQuery( 'div.locationRB' ) .hide(); //

 $(document).ready(function() {
  $('.wijzigingOpvangVestiging').change(function() {

    var selectedString = $('.wijzigingOpvangVestiging option:selected').text()

    console.log( selectedString )

    if( selectedString !== "(Selecteer een vestiging)" ){
      console.log( 'show' );
    }else{
      console.log( 'hide' );
    }


});
4

4 に答える 4

2

表示するには:

$( 'div.locationRB' ).show();

隠れる：

$( 'div.locationRB' ).hide();

ブール条件があることがわかりましたので、トグルを使用できます：

var willshow = selectedString !== "(Selecteer een vestiging)";
$( 'div.locationRB' ).toggle(willshow);
于 2012-10-31T15:30:44.653 に答える
0

AmirsBay、「});」を追加 $.change() 関数を閉じます。スクリプトはコンソール ログに表示されるはずです。それがあなたに欠けているものです。あなたは正しい軌道に乗っています。

//Unhided radiobuttons
  jQuery( 'div.locationRB' ) .hide(); //

 $(document).ready(function() {
  $('.wijzigingOpvangVestiging').change(function() {

    var selectedString = $('.wijzigingOpvangVestiging option:selected').text()

    console.log( selectedString )

    if( selectedString !== "(Selecteer een vestiging)" ){
      console.log( 'show' );
    }else{
      console.log( 'hide' );
    }

  }); //<--- you are missing this
});
于 2012-10-31T15:43:46.047 に答える
0

コンテンツの表示.show() と非表示に使用.hide()

使用する

jQuery( 'div.locationRB' ).show();  // Show the particular div

jQuery( 'div.locationRB' ).hide();  // hide the particular div

また、変更イベントの右中括弧が欠落しています..それを修正すれば問題ありません

完全なコード

$(document).ready(function() {
    jQuery('div.locationRB').hide();

    $('.wijzigingOpvangVestiging').change(function() {
        var selectedString = $('.wijzigingOpvangVestiging option:selected').text()

        console.log(selectedString)

        if (selectedString !== "(Selecteer een vestiging)") {
            jQuery('div.locationRB').show();
        } else {
            jQuery('div.locationRB').hide();
        }
    }).change();
});​

フィドルをチェック

于 2012-10-31T15:30:50.193 に答える
0

必要な変更を加えたコードは次のとおりです...

//Unhided radiobuttons
jQuery( 'div.locationRB' ).hide(); //

$(document).ready(function() {
    $('.wijzigingOpvangVestiging').change(function() {

        var selectedString = $('.wijzigingOpvangVestiging option:selected').text()

        console.log( selectedString )

        if( selectedString !== "(Selecteer een vestiging)" ){
            jQuery( 'div.locationRB' ).show();
        }else{
            jQuery( 'div.locationRB' ).hide();
        }
    });
});
于 2012-10-31T15:32:42.197 に答える