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复选框，如何让其勾选时触发一个事件，取消勾选时不触发

<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>

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

js input和select 的onchange事件,数组过滤

猜你喜欢