jq应用总结（一）

最新推荐文章于 2024-11-03 21:47:56 发布

原创最新推荐文章于 2024-11-03 21:47:56 发布 · 454 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#应用 #点击ul下的li #取li中文本框的值 #向input中的value属性赋值与向l

jquery那些事专栏收录该内容

3 篇文章

订阅专栏

本文介绍了使用JavaScript处理页面上li元素的点击事件，并获取其文本值的方法；同时讲解了如何向input元素的value属性及label元素的text域赋值的技术细节。

1、点击ul下的li,取li中文本框的值

<pre name="code" class="javascript"><span style="white-space:pre">	</span>var output = new Array();
            var Uarry=$(".dropdown-menu li");	<span style="white-space:pre">		</span>//获取所有的li元素  
		$(".dropdown-menu li").click(function(){
                    var count=$(this).index();			//获取li的下标  
                    var Tresult=Uarry.eq(count).text();  	//获取li中text的值
                    output[0]=Tresult;				//将得到的值放入一个数组中
                   
           });

2，向input中的value属性赋值与向label的text域赋值

<span style="font-size:18px;"><span style="white-space:pre">	</span>document.getElementById('label1').innerHTML = onetable;//向laebl中的text域赋值
<span style="white-space:pre">	</span>document.getElementById("checkbox1").value=onetable;  //向input中的value赋值</span>

3.页面代码

1中的页面代码

<span style="font-size:18px;"><span style="white-space:pre">		</span><ul class="dropdown-menu excel-select" id="object">
                        <!-- <li><a target="_blank">1</a></li> -->
                        <li value = "XB"><a target="_blank">2</a></li>
                        <li value = "LT"><a target="_blank">3</a></li>
                        <li value = "DC"><a target="_blank">4</a></li>
                        <li value = "DDZ"><a target="_blank">5</a></li>
                        <li value = "DDC"><a target="_blank">6</a></li>                        
                 </ul></span>

2中的页面代码

<span style="white-space:pre">		</span><input id="checkbox1" class="styled" type="checkbox" value="" name="check">
                <label for="checkbox1" id="label1"></label>