jq应用总结(一)

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>




发布了73 篇原创文章 · 获赞 10 · 访问量 9万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章