原文鏈接:https://zhidao.baidu.com/question/652708762074814245.html
1、jQuery怎么根據某個特定的值動態讓select下的option選中
$("#select_id option[value='1']").removeAttr("selected");根據值去除選中狀態
$("#select_id option[value='"+msg.data.categoryId+"']").attr("selected","selected");根據值讓option選中
//設置下拉框index屬性為5的選項 選中
$("#selectID").get(0).selectedIndex = 5;
//設置下拉框value屬性為4的選項 選中
$("#selectID").val(4);
//設置下拉框text屬性為5的選項 選中
$("#selectID option[text=5]").attr("selected", "selected");
$("#yyt option:contains('5')").attr("selected", true);
2、checkbox復選框,如何讓其勾選時觸發一個事件,取消勾選時不觸發
-
<input type="checkbox" οnclick="checkboxOnclick(this)" /> -
-
<script> -
-
function checkboxOnclick(checkbox){ -
-
if ( checkbox.checked == true){ -
-
//Action for checked -
-
}else{ -
-
//Action for not checked -
-
} -
-
} -
-
</script>
3、jquery 設置 checkbox選擇行的input 為不可以編輯狀態
經過測試這個 就可以
<span><input type="checkbox" checked="checked" /><input type="text" value="1" /><input type="text" value="2" /></span>
<span><input type="checkbox" /><input type="text" value="3" /><input type="text" value="4" /></span>
<span><input type="checkbox" checked="checked" /><input type="text" value="5" /><input type="text" value="6" /></span>
<script type="text/javascript">
$('input:checkbox').each(function(){
if($(this).is(':checked')){
$(this).nextAll('input:text').attr('disabled',true);
}
})
</script>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="顯示效果" id="bt"/><br/> <input type="text" value="你好" name="name1"/><br/> <input type="text" value="你好" name="name2"/><br/> <input type="text" value="你好" name="name3"/><br/> <input type="text" value="你好" name="name2"/><br/> <input type="text" value="你好" name="name4"/><br/> <input type="text" value="你好" name="name2"/><br/> <script src="common.js"></script> <script> //點擊按鈕修改name屬性為name2的value值 my$("bt").onclick = function () { var texs = document.getElementsByName("name2"); for(var i = 0; i < texs.length; i++) { texs[i].value = "我不好"; } }; </script> </body> </html>5、js刪除數組對象中指定key對應的對象,通過js的方法filter 來過濾數組。自己寫一個也可以。需要確定數組對象的的具體屬性 方法filter var newArr = datas.filter(item => item.tableid !== "4"); console.log(newAarr);
使用reduce方法
var newArr = datas.reduce((total, current) => {
current.tableid !== "4" && total.push(current);
return total;
}, []);
console.log(newArr);
如圖數組對象,想刪除對象中tableid為4的對象。並返回新數組
</article>
