2

我在一个下拉列表中工作，当单击下拉列表项时，下面会显示一些单选按钮。问题是如何取消隐藏单选按钮？我已经知道我的代码已经很远了，只有最后一步仍然缺失。我想说的是，每次 selectString 是 Selecteer een verstiging dont show .locationRB class。但我不知道该怎么做。这就是我已经拥有的：

//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 回答