如何根据选择的选项执行jquery代码

时间:2012-12-09 06:44:31

标签: javascript jquery html jsfiddle

我有一个jsfiddle here

请按照以下步骤使用小提琴中的小应用程序:

  1. 单击“打开网格”链接并选择一个带编号的按钮。下面会出现一串字母按钮。如果您开始选择答案按钮,那么它们会变为绿色,并且上面的“答案数量”文本框将开始计算您已打开的按钮数量。

  2. 如果取消选择所有答案按钮,以便没有开启答案按钮,则上面的文本框不会显示0,而是显示1

  3. 这是因为下面的代码:

    var container = $btn.closest(".optionAndAnswer");
    // here the zero gets assigned
    var answertxt = $(".answertxt", container);
    var numberison = $(".answerBtnsOn", container).length;
    if (answertxt.val() == 1 && numberison == 0) {
        numberison = 1;
    }
    answertxt.val(numberison);
    

    我在块大写的jsfiddle中包含了一个注释,以说明这段代码在小提琴中的位置。

    我想要做的是,如果从网格中选择的选项是“真或假”或“是或否”,则执行上面的代码,如果没有突出显示应答按钮,则文本框值为1。如果是任何其他选项,则如果未选择答案按钮,则文本框值应为0.

    如何实现这一目标?

1 个答案:

答案 0 :(得分:1)

修正了它,正如你在下面看到的那样,我正在检查所选输入类型是否为true / false yes / no并由此确定要运行的代码:

// ... 
var maxRowValue = $('.gridTxt', container).val();
if (maxRowValue === 'True or False' || maxRowValue === 'Yes or No') {
    if (answertxt.val() == 1 && numberison == 0) {
        numberison = 1;
    }
}
answertxt.val(numberison);