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' onclick='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;
}
}

 

__EOF__

本文作者：ITMrRight Blog
本文链接：https://www.cnblogs.com/yjm8023/p/9473048.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！