使用jquery动态选择选项

时间:2014-02-17 05:29:43

标签: jquery performance select

JSFiddle

规则:

  • 如果选中“.adminBox”,则必须选择input[value='admin']
  • 如果没有,input[value='sei']必须是。

我已经尝试了this,但这不起作用。

有什么好主意吗?

2 个答案:

答案 0 :(得分:2)

很少有观察

  • 需要收听课程adminBox的输入,而不是所有复选框
  • 使用checked属性查看是否已选中
  • adminBox是一个不是名字的班级
  • 使用.val()设置select元素的值

应该是

$("input.adminBox").change(function () {
    if (this.checked){
        $("#role").val('admin');
    } else {
        $("#role").val('sei');
    }
});

演示:Fiddle

答案 1 :(得分:0)

$("input[type='checkbox']").change(function () {
        var that = $(this);
        if(this.checked)
        {
            if(that.hasClass('adminBox'))
            {
               $('#role').val('admin');
            }

            else
            {
                 $('#role').val('sei');
            }
        }

        else
        {
             $('#role').val('sei');
        }
    });