Javascript 我根本无法设置选中的值。我猜这是因为您的选择器无法获取元素，因为在您尝试访问元素的位置时它没有被追加，所以它总是会失败。我也这么想，但我在它前面切换了append语句，它不起作用。我还可以设置其他东西，比如名称、值、类型。我也尝试了你的非jQuery建议，

---

我根本无法设置选中的值。我猜这是因为您的选择器无法获取元素，因为在您尝试访问元素的位置时它没有被追加，所以它总是会失败。我也这么想，但我在它前面切换了append语句，它不起作用。我还可以设置其他东西，比如名称、值、类型。我也尝试了你的非jQuery建议，但没有成功<代码>变量复选框=document.createElement（“输入”）；checkbox.type=“checkbox”；checkbox.name=区域；checkbox.value=区域；checkbox.id=“区域”+区域；topbar.appendChild（复选框）；checkbox.checked=区域==“全部”

function createToolbarElements(){
        //------topbar-------------
        var topbar = document.getElementById("topbar");
        topbar.innerHTML = "ZONE: ";

        //zone set
        ART.regions.unshift("All");
        ART.regions.push("osj");
        var numRegions = ART.regions.length;
        var region;
        for(i=0; i<numRegions; i+=1){
            region = ART.regions[i];
            var checkbox = document.createElement("input");
            checkbox.type = "checkbox";
            checkbox.name = region;
            checkbox.value = region;
            checkbox.id = "zone"+region;
            if(region === "All"){
                $("#zoneAll").prop("checked", true);
            }
            topbar.appendChild(checkbox);
            var label = document.createElement('label')
            label.htmlFor = region;
            label.appendChild(document.createTextNode(region));
            topbar.appendChild(label);
        }
}

    <div id="topbar" style="z-index: 2; position:absolute; height: 24px; padding: 4px;
    background-color: #DDD; color:#111;  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
    font-size:10pt; line-height:1.2">
    </div>

$("#zoneAll").prop("checked", true);

<input type="checkbox" id="zoneAll"></input>

$("#zoneAll")

function createToolbarElements(){
        $('#topbar').html('ZONE: ');

        ART.regions.unshift('All');
        ART.regions.push('osj');

    var numRegions = ART.regions.length,
        region     = null;

    for(i=0; i<numRegions; i++){
        region = ART.regions[i];

        $('<input />', {
            type : 'checkbox',
            name : region,
            value: region,
            id   : 'zone' + region,
            checked: region == 'All'
        }).appendTo('#topbar');

        $('<label />', {
            'for': 'zone' + region,
            text : region
        }).appendTo('#topbar');
    }
}

checkbox.checked = region === "All";