zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    YTU 2959: 代码填充--雨昕学矩阵
    YTU 2958: 代码填充--雨昕学画画
    YTU 2960: 改错题--小鼠标,你要干什吗?
    YTU 2975: 我的编号
    YTU 2979: MathBook类--多态
    linux命令学习:echo详解,格式化输出,不换行输出
    linux shell date 时间运算以及时间差计算方法
    C语言中mktime函数功能及用法
    Posix线程编程指南(3)
    Posix线程编程指南(2)
  • 原文地址:https://www.cnblogs.com/sunny3158/p/12215454.html
Copyright © 2011-2022 走看看