Jquery，选中单选按钮上的 click() 方法

Question

我创建了一个巨大的表单。我必须使用 Jquery 执行许多操作。我已经完成了我可以采取行动的部分。现在是我进行控制的时候了。

通过控件，我的意思是，假设我将编辑数据，并且我必须收集选择/检查的表单元素等，具体取决于我必须显示额外表单元素的变量。

我已经为操作编写了 300 多行 Jquery。我现在必须做控件，但我不想复制粘贴和编辑 300 多行 Jquery 代码，所以我尝试偷懒，但没有成功。

// Category
if ($('input[name=category]:checked').val() == 1) {
    $('input[name=category]:eq(1)').click();
}
// Product
else if ($('input[name=category]:checked').val() == 0) {
    $('input[name=category]:eq(0)').click();
}
// Undefined Value
else {
    $('.frm_options').slideUp();
}

我不知道为什么上面的代码不起作用。我可以看到它正在更改单选按钮元素的选中属性，但它没有单击，因此它将显示表单的其余部分。

/********************************************************************************************
                                    ACTIONS
********************************************************************************************/
$('input[name=category]').bind('click', function () {
    // Show rest of the form
    $('.frm_options').slideDown();

    // Product Specific
    if ($(this).val() == 0) {
        $('.frm_category_0').fadeIn(1000);
        $('.frm_category_1').fadeOut(1000);
    }
    // Category Specific
    else if ($(this).val () == 1) {
        $('.frm_category_1').fadeIn(1000);
        $('.frm_category_0').fadeOut(1000);
        }
        // Undefined Value, Hide everything
        else{
                $('.frm_options').slideUp();
                $('.frm_category_1').slideUp();
                $('.frm_category_0').slideUp();
        }
});

我想现在我想在这里做什么更加清楚了。只是我试图操纵点击功能，这样我就不必再次编写所有代码。

有人知道我遇到的这个问题的解决方案吗？如果有人能帮助我解决我的问题，我将非常高兴。

提前谢谢您。

Answer 1

/********************************************************************************************
                                    ACTIONS
********************************************************************************************/
$('input[name=category]').bind('click', function () {
    // Show rest of the form
    $('.frm_options').slideDown();

    // Product Specific
    if ($(this).val() == 0) {
        $('.frm_category_0').fadeIn(1000);
        $('.frm_category_1').fadeOut(1000);
    }
    // Category Specific
    else if ($(this).val () == 1) {
        $('.frm_category_1').fadeIn(1000);
        $('.frm_category_0').fadeOut(1000);
        }
        // Undefined Value, Hide everything
        else{
                $('.frm_options').slideUp();
                $('.frm_category_1').slideUp();
                $('.frm_category_0').slideUp();
        }
});


// Category
if ($('input.category:checked').val() == 1) {
    $('input.category:eq(1)').click();
}
// Product
else if ($('input.category:checked').val() == 0) {
    $('input.category:eq(0)').click();
}
// Undefined Value
else {
    $('.frm_options').slideUp();
}// Category
if ($('input[name=category]:checked').val() == 1) {
    $('input[name=category]:eq(1)').click();
}
// Product
else if ($('input[name=category]:checked').val() == 0) {
    $('input[name=category]:eq(0)').click();
}
// Undefined Value
else {
    $('.frm_options').slideUp();
}

您希望将调用移至 .bind 调用下方的 .click。否则，您将在附加事件处理程序之前单击元素。