js中select，checkbox动态绑定数据和默认选中

<select class="form-control" id="state" name="state">
<option value="1" name="state">可用</option>
<option value="0" name="state">不可用</option>
</select>

 

///绑定下拉列表
$.post('', function (res) {
for (var i = 0; i < res.length; i++) { //循环添加多个值
$("#cardid").append("<option value='" + res[i].id + "'>" + res[i].cardName + "</option>");
}

 

//默认选择js方法

var select = document.getElementById("cardid");
var cardid=$("#cardids").val();
for (var i = 0; i < select.options.length; i++) {
if (select.options[i].value == cardid) {
select.options[i].selected = true;
break;
}

 //默认选择三元运算符方法

   <option value="-1" name="resultType" @("-1".Equals(Request.QueryString["resultType"]) ? "selected" : "")>请选择</option> 

 

///形象标签
$.post("/Anchor/FeatureTagsConfig", function (data) {
//第二种方法，用拼接的方法来完成，比较简单
for (var i = 0; i < data.length; i++) {
$("#div_sign").append("</br>")
$("#div_sign").append("<input type='checkbox' οnclick='change()' name='topic' value=" + data[i].id + " id='" + data[i].id + "' /> " + data[i].name + "");
}
})

 

 

 

checkbox默认选择项
var check=document.getElementsByName("isShow")
for(var j=0;j<check.length;j++){
if(res[j].isShow==1){
check[j].checked=true;
}
}

 

转载于:https://www.cnblogs.com/yjm8023/p/9473048.html