<div id="table">
<input type="text" name="[value][0_0][top]" value="" >
<input type="text" name="[value][0_1][top]" value="" >
<input type="text" name="[value][0_0][quantity]" value="" >
<input type="text" name="[value][0_1][quantity]" value="" >
<input type="text" name="[value][0_2][quantity]" value="" >
<input type="text" name="[value][0_3][quantity]" value="" >
</div>
遍历name值包含[quantity]的input,当点击某个(name值包含[quantity]的input)input框时,自动给该input value值填入66。
用jq或者原生js如何实现呢?
你题目的解答代码如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
</head>
<body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<div id="table">
<input type="text" name="[value][0_0][top]" value="" >
<input type="text" name="[value][0_1][top]" value="" >
<input type="text" name="[value][0_0][quantity]" value="" >
<input type="text" name="[value][0_1][quantity]" value="" >
<input type="text" name="[value][0_2][quantity]" value="" >
<input type="text" name="[value][0_3][quantity]" value="" >
</div>
<script type="text/javascript">
$(function(){
var inp = $("input[name*='[quantity]']");
inp.click(function(event){
$(this).val(66);
});
});
</script>
</body>
</html>
如有帮助,望采纳!谢谢!
jquery
<div id="table">
<input type="text" name="[value][0_0][top]" value="" />
<input type="text" name="[value][0_1][top]" value="" />
<input type="text" name="[value][0_0][quantity]" value="" />
<input type="text" name="[value][0_1][quantity]" value="" />
<input type="text" name="[value][0_2][quantity]" value="" />
<input type="text" name="[value][0_3][quantity]" value="" />
</div>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
$('input[name*="[quantity]"]').click(function () {
this.value = 66;
})
</script>