JQ怎么判定,选中select 下拉菜单,激活 input的可编辑属性

JQ怎么判定,选中select 下拉菜单,激活 input的可编辑属性,第1张

当他选中 已发货 肯定是把已发货绑定到了一个对象x上。

判断这个对象 是否是已发货

<input type="text" readonly="">

if(x==='已发货')

{

用jquery绑定到input上。

加一条属性readonly="";

}else{

用jquery绑定到input上。

加一条属性readonly="readonly";

}

当他为空就是可编辑

首先通过jq获得你想要获取的input元素的数组,通过循环将每个input元素的值获取到。将input的值添加到数组。

代码

123456789101112131415161718192021222324252627282930

//html代码<html>    <body>        <input type="text" name="ipt" value="1"/>        <input type="text" name="ipt" value="2" />        <input type="text" name="ipt" value="3" />        <button onClick="getVal()">点击获得所有的input值</button>    </body></html>//js<script type="text/javascript" src="jquery1113minjs" ></script><script type="text/javascript">    //1定义函数 getVal    var getVal = function(){    //2通过jq获得input数组        var $inputArr = $('input');//length = 3    //3循环处理input,并定义结果集        var result = [];        $inputArreach(function(){    //4将每个input的值放进结果集            resultpush($(this)val());        });    //5打印结果        consolelog(result);    }</script>//另外的一种写法也可以实现//var valArr = $('input')map(function(){return $(this)val()})get();//打印获得的值的数组//consolelog(valArr);

1、jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。

2、它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

3、jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script src="js/jquery-320minjs"></script>

</head>

<body>

<input type="number" class="num1">

<span>+</span>

<input type="number" class="num2">

<span>=</span>

<input type="text" readonly="readonly" class="answer">

<button>计算</button>

<script>

$(function(){

//构建计算函数

function addNum(a,b){

//返回计算结果

return a+b;

}

$("button")click(function(event) {

//"+"号将字符串转化成Number类型

var a = +$("num1")val();

var b = +$("num2")val();

//调用计算函数

$("answer")val(addNum(a,b));

});

})

</script>

</body>

</html>

以上就是关于JQ怎么判定,选中select 下拉菜单,激活 input的可编辑属性全部的内容,包括:JQ怎么判定,选中select 下拉菜单,激活 input的可编辑属性、jQuery如何获取多个input输入框的值,并存放在一个数组中、怎么获取jquery函数返回的返回值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9317508.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存