jQuery禁用下拉复选框单击并插入TRUE / FALSE值

时间:2011-05-04 03:19:02

标签: javascript jquery checkbox drop-down-menu

我正在使用此代码在用户点击复选框时停用下拉列表

function onCheckChange() {
  if ($("#all_day_checkbox").is(':checked'))
    $("#evt_time_drop").attr('disabled', 'disabled');
  else
    $("#evt_time_drop").removeAttr('disabled');
}

$("#all_day_checkbox").click(onCheckChange).change(onCheckChange);

这很好用。但我想添加一条指令,将truefalse值注入复选框,以便将其存储在数据库中。

不幸的是,这不起作用:

function onCheckChange() {
  if ($("#all_day_checkbox").is(':checked'))
    $("#evt_time_drop").attr('disabled', 'disabled');
    $("#all_day_checkbox").val("TRUE");
  else
    $("#evt_time_drop").removeAttr('disabled');
    $("#all_day_checkbox").val("FALSE");
}

$("#all_day_checkbox").click(onCheckChange).change(onCheckChange);

有人建议去上班吗?

感谢您的帮助!

3 个答案:

答案 0 :(得分:2)

怎么样?
$("#all_day_checkbox").attr("checked", "") //for removing the check
$("#all_day_checkbox").attr("checked","checked") //for checking the box

然后只是检查“已检查”值是否等于“已检查”......

答案 1 :(得分:2)

试试这个代码段:

$("#all_day_checkbox").val("FALSE");//For initially make the `checkbox` value FALSE

function onCheckChange() {
    if ($("#all_day_checkbox").is(':checked')) {
        $("#evt_time_drop").attr('disabled', 'disabled');
        $("#all_day_checkbox").val("TRUE");
    } else {
        $("#evt_time_drop").removeAttr('disabled');
    }
}
$("#all_day_checkbox").click(onCheckChange).change(onCheckChange);

答案 2 :(得分:0)

function onCheckChange() {  
if ($("#all_day_checkbox").is(':checked')){
    $("#evt_time_drop").attr('disabled', 'disabled');    
    $("#all_day_checkbox").val("TRUE");   
}
else  
{  
    $("#evt_time_drop").removeAttr('disabled');  
    $("#all_day_checkbox").val("FALSE"); 
} 
}