如何在jquery中选中复选框时显示标签?

时间:2013-11-12 23:46:26

标签: php jquery

表格中有一个复选框列,复选框标记包含表格单元格的ID。选中复选框后,我希望复选框旁边显示用户名。用户名包含在label标签中,该标签还包含表格单元的id。

我有这个工作,但只有刷新页面时(以便从数据库中提取用户ID的值)。如何在第一次选中该框时显示用户名?我怀疑这需要在jquery中完成,在处理复选框点击的函数中。

我有一个标签标签的显示/隐藏(用户名),我相信我可以在这部分放一些东西,将用户姓名的值放入标签中?

在数据库中,复选框的值为ReviewFlg,用户名的值为ReviewUser。

function reviewchk() {
    var tid = $(this).attr('id');
    var ident = tid.split("-");
    var tabnum = ident[1];
    var ind = tabnum-1;
    var aPos = oTable[ind].fnGetPosition(this);
    var selrow = oTable[ind].fnGetData(aPos[0]);
    var stnum = selrow[0];  //store
    var supnum = selrow[2]; //supplier number
    var invnum = selrow[4]; //invoice number
    var column = aPos[1];
    var usr = ident[3];
    var tdid = ident[2].substring(2);
    var rvalue = 0;

    if($(this).find('input:checked').attr('checked')==='checked') {
        rvalue = 1;
        $('#lblchk-'+tabnum+'-'+tdid).show();
    } else { 
        rvalue = 0; 
        $('#lblchk-'+tabnum+'-'+tdid).hide();
    }    
    $.ajax({
        type: 'POST',
        url: 'edit_errorcode.php',
        async: false,
        data: {
            stnum: stnum,
            supnum: supnum,
            invnum: $(invnum).text(),
            all: 'one',
            value: rvalue,
            column: column,
            user: usr
        }
    });                            

};

和HTML / PHP:

$reviewcheck = sprintf(
    '<input %s class="chkbx" name="reviewchk%s" id="reviewchk-%s-td%s" type="checkbox"/><label id="lblchk-%s-%s" class="lblchk">&nbsp%s</label>', 
    (trim($r['ReviewedFlg'])==='1' ? 'checked=checked' :''),
    $id,
    $id,
    $tdid,
    $id,
    $tdid,
    (trim($r['ReviewedFlg'])==='1' ? $r['ReviewedUser'] :'')
);

1 个答案:

答案 0 :(得分:0)

我在HTML / PHP中通过向标签添加样式来解决此问题,该样式显示或不显示,具体取决于页面加载时是否最初选中该复选框。如果在页面首次加载时未设置CommentsFlg,我还将标签的值更改为当前用户(因为这意味着未选中该复选框)。 jquery没有改变,但HTML / PHP现在是:

   $showlabel = "display:inline";
   $nolabel = "display:none";

   $reviewcheck = sprintf('<input %s class="chkbx" name="reviewchk%s" id="reviewchk-%s-td%s" type="checkbox"/><label id="lblchk-%s-%s" class="lblchk" style="%s">&nbsp%s</label>',(trim($r['ReviewedFlg'])==='1' ? 'checked=checked' :''),$id,$id,$tdid,$id,$tdid,(trim($r['ReviewedFlg'])==='1' ? $showlabel : $nolabel) ,(trim($r['ReviewedUser'])==='' ? $_SESSION['user'] : $r['ReviewedUser']));