JavaScript点击某个数字使其到达一个文本框中

  • A+
所属分类:网页设计

<input type="text" name="" id="txtTe" readonly>
<span style="cursor:pointer" id="fenshu_0" title="60">60</span>
<span style="cursor:pointer" id="fenshu_1" title="65">65</span>
<span style="cursor:pointer" id="fenshu_2" title="70">70</span>
<span style="cursor:pointer" id="fenshu_3" title="75">75</span>
<span style="cursor:pointer" id="fenshu_4" title="80">80</span>
<span style="cursor:pointer" id="fenshu_5" title="85">85</span>
<span style="cursor:pointer" id="fenshu_6" title="90">90</span>
<span style="cursor:pointer" id="fenshu_7" title="93">93</span>

<script>
(function(){
var
a = document.getElementById('fenshu_0'),
b = document.getElementById('fenshu_1'),
c = document.getElementById('fenshu_2'),
d = document.getElementById('fenshu_3'),
e = document.getElementById('fenshu_4'),
f = document.getElementById('fenshu_5'),
g = document.getElementById('fenshu_6'),
h = document.getElementById('fenshu_7'),

t = document.getElementById('txtTe')
a.onclick = function() {
var val = a.title;
t.value = val;
};
b.onclick = function() {
var val = b.title;
t.value = val;
};
c.onclick = function() {
var val = c.title;
t.value = val;
};
d.onclick = function() {
var val = d.title;
t.value = val;
};
e.onclick = function() {
var val = e.title;
t.value = val;
};
f.onclick = function() {
var val = f.title;
t.value = val;
};
g.onclick = function() {
var val = g.title;
t.value = val;
};
h.onclick = function() {
var val = h.title;
t.value = val;
};
})();
</script>

发表评论

您必须登录才能发表评论!