Jquery有无简单的一句话获取所有非只读的文本框集合方法

Posted 2023-03-29

举个例子：<input type="text"> <input type="text" readonly="readonly">
<input type="text" readonly="readonly"> <input type="text">
现在我需要采用Jquery获取不是readonly的text文本框集合，后面需要遍历这个集合。我能知道的是如下用法：
获取所有text的文本框： var allText = $("input:text");
获取readonly的所有文本框： var allReadOnlyText = $(":input:text[readonly]");
现在问题来了，我要获取的是所有的非readonly的所有text文本框，能否有个如上简单的一句话获取出成为一个集合对象，这样后面就直接遍历这个集合对象，进行后面的操作。
感谢大家给予帮助!!!

先找到所有文本框，然后使用not进行过滤选择，最后遍历取出值即可

<script type="text/javascript">
    $(function()
        //编写按钮点击事件
        $("#btnOk").click(function()
            //定义变量，准备存储文本框的值
            var items="";
            //找到非只读的文本框并遍历
            $("input:text").not("[readonly]").each(function()
                items+=$(this).val()+",";
            );
            //去除最后一个逗号
            if(items.length>0)
                items=items.substring(0,items.length-1);
                
             alert(items);
        );
    );
</script> 参考技术A 用not进行过滤
$("input:text").not("[readonly]")本回答被提问者采纳

jsp文本框如何动态设置只读以及设置select是否可以下拉

 在开发过程中会遇到，需要根据业务逻辑来动态设置文本框是否可读，这时候我们就可以用jQuery动态控制

$(\'#id\').attr(\'readonly\',false);

$(\'#id\').attr(\'readonly\',\'true\');

这里需要注意下，false不需要加单引号；

jQuery还可以动态控制多个文本框(divx下的所有文本框)

$(\'#div input\').attr(\'readonly\',false);

$(\'#div input\').attr(\'readonly\',\'true\');

 

动态更改select下拉菜单

遍历所有下拉选择，设置dispaly

$(\'#select option\').each(function(){this.style=\'dispaly:none\'})

取消

$(\'#select option\').each(function(){this.style=\'dispaly:list-item})

总结:这些需要根据自己的需要放在js的function中，以后遇到再补充吧