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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章