jquery清除selected/checked和选中selected/checked

1.  selected选中和清除

 

清除当前选中的selected属性
$("#id select[name='" + select_name+ "']>option:selected").removeAttr("selected");

选中某个option
$("#id select[name='" + select_name+ "']").find("option[value='"+ select_value +"']").attr("selected", "selected");

这个选中和清除，会偶发性设置不到位，设置完之后清除或者选中了，但实际显示select还是原来的选中值，甚至还有偶发性的选中多个的情况。（通过jQuery的attr函数把option的selected属性改为true，通过console控制台也看到该option确实为true，也是一样的偶发性不到位）
解决办法：这时使用jQuery的prop函数。

具体代码：

<select class="form-control col-sm-6" name="tag_type" onchange="changeClick()" >
    <option selected="selected" value="001">头条</option>
    <option value="002">新闻</option>
    <option value="003">生活</option>
    <option value="004">法制</option>
    <option value="005">娱乐</option>
</select>
<script>
	function changeClick(){
        $('#select option').each(function(){
            //取消掉正在选中的
            $(this).attr("selected",false);
        })

        //value是选中的option对应value值，这种办法就可以设置选中到位
        $('#select').find("option[value='" + value + "']").prop("selected",true);
    }
</script>

 

2.  checkbox 选中和清除

//默认checked选中
$("#power_list_div input:checkbox[name='name1']").attr("checked","checked");

//清除checked选中
$("#power_list_div input[type=checkbox]").removeAttr("checked");