显示动态复选框，其值取决于占位符的值

Question

我需要根据同一页面上占位符文本框中的值在页面中添加chckbox。当页面加载时，它应检查占位符文本框的值。如果文本框值为“A”，则显示页面上的2个复选框使用值B和C.如果文本框值为“B”或“C”，则在页面上仅显示一个值为“A”的复选框。如何执行此操作？请帮助

Answer 1

说这是你的例子（使用jQuery）：

<div id="placeholder"><input name="textbox" type="text" value="A" /></div>

你需要某种类似的东西

$(function() {
    var value = $('#placeholder').find('input[name="textbox"]').val();
    if (value == "A") {
         var checkboxB = $('<input type="checkbox" value="b"/>'),
             checkboxC = $('<input type="checkbox" value="c"/>');
         $('#placeholder').append(checkboxB, checkboxC);
    }
    else {
         // ...
    }
}