在javascript单击处理程序中隐藏和单选按钮和复选框标签

Posted 2023-02-19

【中文标题】在javascript单击处理程序中隐藏和单选按钮和复选框标签

【英文标题】：Hide Zend radio button & checkbox labels in javascript click handler

【发布时间】：2013-10-23 08:27:36

【问题描述】：

我在表单中使用 Zend 单选按钮和复选框，但是当用户单击其他值时，其中一些必须隐藏。关于这一点，我编写了一个单击处理程序，我可以在其中隐藏单选按钮/复选框，但不能隐藏相应的标签。 单选按钮的初始化如下：

    $gender = new Zend_Form_Element_Radio('gender', array('escape' => false) );
    $gender->setLabel('Gender')
        ->addMultiOptions(array(
                            'f' => 'female',
                            'm' => 'male'))
        ->setDecorators(array(
            'ViewHelper',
            'Errors',
            array('htmlTag', array('tag' => 'dd') ),
            array('Label', array('tag' => 'dt', 'escape' => false, 'class' => 'question') )
            ))
        ->setRequired(true);
    $gender_required_checkbox = new Zend_Form_Element_Checkbox('gender_required_checkbox');
    $gender_required_checkbox->setAttrib('required', 'required');
    $gender->setAttribs(array('onClick'=>'required_check_clckHndlr(this)'));

javascript 点击处理程序如下所示：

    $("#gender").hide('slow');
    $("#gender-label").hide('slow');
    $("#gender_required_checkbox").hide('slow');
    $("#gender_required_checkbox-label").hide('slow');

这适用于单选按钮和复选框，但标签仍然显示

【参考方案1】：

几天前我在尝试使用时遇到了类似的问题

$('label[for="checkbox"]').hide();

没有成功。所以我最终使用.parent() jquery 方法来遍历我的DOM，然后使用.hide() 整个块来代替。

$('#your_id').parent().parent().hide();

【讨论】：

我尝试了你的第一种方法并稍微改变了它。最后，我必须为单选按钮/复选框的每个标签执行此操作：$('[for=gender-f]').hide('slow');