js input和select 的onchange事件,數組過濾


原文鏈接: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復選框,如何讓其勾選時觸發一個事件,取消勾選時不觸發

  1. <input type="checkbox" οnclick="checkboxOnclick(this)" />
  2. <script>
  3. function checkboxOnclick(checkbox){
  4. if ( checkbox.checked == true){
  5. //Action for checked
  6. }else{
  7. //Action for not checked
  8. }
  9. }
  10. </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>
4、JavaScript DOM操作案例根據name屬性獲取元素 https://www.cnblogs.com/cuilichao/p/9351902.html
<!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>

原文鏈接 https://segmentfault.com/q/1010000018887562


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM