Question

我在下拉列表中工作，当点击下拉列表项时，下面会显示一些单选按钮。问题是如何取消隐藏无线电按钮？我已经知道我的代码很远，但最后一步仍然缺失。我想要的是，每次selectString是选择性的时候都不会显示.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' );
    }


});

Answer 1

显示：

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

隐藏：

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

我发现你有一个布尔条件，所以你可以使用切换：

var willshow = selectedString !== "(Selecteer een vestiging)";
$( 'div.locationRB' ).toggle(willshow);

Answer 2

使用.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();
});

<强> Check FIDDLE

Answer 3

以下是您需要更改的代码......

//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();
        }
    });
});

Answer 4

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
});

如何取消隐藏元素

4 个答案: