当他选中 已发货 肯定是把已发货绑定到了一个对象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函数返回的返回值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)