检查/检查HTML复选框中的三元操作

时间:2013-02-11 13:48:29

标签: checkbox operator-keyword ternary

我的JavaScript使用其中一个字段作为复选框吐出动态HTML,基于布尔值,如下所示:

<input type="checkbox" disabled='true' (bool == true ? "Checked":"undefined") />

即使布尔值为false,我的复选框也会返回检查状态。 有没有通过三元操作做到这一点的建议?

此外,我刚刚意识到每行复选框都很难找到id。以下是我的功能目前的样子:

function fnBuildWebSiteClipHtml(name,url,id,allow_removal,use_full_screen){

var html = "<tr id='wc_" + id + "'>" +
    tdstart + "<div style='float: left; width: 20px'><img src='/emm/websiteIcon.do?id="+id+"' height='16px' width='16px'/></div><div style='float: left; vertical-align: middle;'>" + OrionCore.escapeHtml(name) + "</div></td>" +
    tdstart + OrionCore.escapeHtml(url) + "</td>" +
    tdstart + "<input type='checkbox' disabled='true' " + (allow_removal ? "checked='true'" : "") + "/>" + "</td>" +
    tdstart + "<input type='checkbox' disabled='true' " + (use_full_screen ? "checked='true'" : "") + "/>" + "</td>" +
    tdstart +
    "<table>" +
    "<tr>" +
    "<td><a href='javascript:fnShowWebsiteclip(" + id + ")'>"+MESSAGES.edit+"</a> | </td>" +
    "<td><a href='javascript:fnDeleteWebsiteclip(" + id + ")'>"+MESSAGES.del +"</a></td>" +
    "</tr>" +
    "</table>" +
    "</td>" +
    "</tr>";
return html;

}

第8行,我检查allow_removal然后跟随行检查use_full_screen是我试图让我的复选框跟随。对此提出的任何建议都非常感谢。

感谢已经发布的回复,但我不确定在这种情况下如何适应。

1 个答案:

答案 0 :(得分:0)

你可能需要吗?

<body onload="(bool ==true) ? document.getElementById('myTernaryCheckBox').setAttribute('checked', 'checked')  : false">
<input type="checkbox" disabled id="myTernaryCheckBox"/>
</body>