如何用jquery實(shí)現(xiàn)全選text里的文字

下面的jquery代碼可以實(shí)現(xiàn)點(diǎn)擊文本框即全選其文字的效果：

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括民權(quán)網(wǎng)站建設(shè)、民權(quán)網(wǎng)站制作、民權(quán)網(wǎng)頁制作以及民權(quán)網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，民權(quán)網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到民權(quán)省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

$("input:text").click(function(){?

$(this).select();

});

示例代碼如下

創(chuàng)建Html元素

div?class="box"

span單擊文本框全選文字：/spanbr

div?class="content"

input?type="text"?value="單擊即可全選文字"

/div

/div

簡單設(shè)一下置css樣式

div.box{width:300px;padding:20px;margin:20px;border:4px?dashed?#ccc;}

div.box?span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px?0;padding:20px;border:2px?solid?#ff6666;}

input[type='text']{width:200px;height:35px;padding:5px?10px;border:1px?solid?#ff9966;}

編寫jquery代碼

$(function(){

$(":text").click(function()?{

$(this).select();

})

})

觀察效果

初始狀態(tài)

點(diǎn)擊文本框之后

jquery復(fù)選框打勾全選 一個(gè)不勾中 則不全選 全勾中則又全選

你的話好繞，

比如你的全選復(fù)選框的id是chkAll，其它的單選框包含在id為myDiv的div里面那么以下代碼來實(shí)現(xiàn)

$('#chkAll').click(function(){

if($(this).attr('checked')){

//選中了全選，下面的全勾中

$('#myDiv').find('checkbox').attr('checked',true);

}else{????????

$('#myDiv').find('checkbox').attr('checked',false);

}

});

$('#myDiv').find('checkbox').change(function(){

if($('#myDiv').find('checkbox').not("input:checked").size()?=?0){

//如果其它的復(fù)選框全部被勾選了，那么全選勾中

$('#chkAll').attr('checked',true);

}else{????????

$('#chkAll').attr('checked',false);

}

});

Jquery實(shí)現(xiàn)復(fù)選框全選與全不選

1、首先web項(xiàng)目結(jié)構(gòu)如圖所示，這個(gè)結(jié)構(gòu)熟悉的話可以自己調(diào)整的。

2、然后設(shè)置一些較為簡單的選項(xiàng)框，這里隨便用abcd來代替選項(xiàng)框了。

3、這里是jq來實(shí)現(xiàn)全選，所以引入jQuery，并且給按鈕綁定一個(gè)jQuery類型的點(diǎn)擊事件即可。

4、然后通過prop來設(shè)置input的屬性即可設(shè)置全選了，prop是jq自帶的一個(gè)方法。

5、因?yàn)镃heckBox可以設(shè)置checked屬性，所以我們把它設(shè)置為true即可。

6、最后預(yù)覽，可以看到CheckBox都被checked中了，這樣就達(dá)到全選了。

怎么用jquery通過點(diǎn)擊全選按鈕實(shí)現(xiàn)全選？

HTML代碼：

table

tr

tdinput type="checkbox" name="b"全選/tdtd內(nèi)容/td

/tr

tr

tdinput type="checkbox" name="a"/tdtd復(fù)選1/td

/tr

tr

tdinput type="checkbox" name="a"/tdtd復(fù)選2/td

/tr

tr

tdinput type="checkbox" name="a"/tdtd復(fù)選3/td

/tr

tr

tdinput type="checkbox" name="a"/tdtd復(fù)選4/td

/tr

tr

tdinput type="checkbox" name="a"/tdtd復(fù)選5/td

/tr

tr

tdinput type="checkbox" name="a"/tdtd復(fù)選6/td

/table

JAVASCRIPT代碼：

script

$("input[name='b']").click(function(){

//判斷當(dāng)前點(diǎn)擊的復(fù)選框處于什么狀態(tài)$(this).is(":checked") 返回的是布爾類型

if($(this).is(":checked")){

$("input[name='a']").prop("checked",true);

}else{

$("input[name='a']").prop("checked",false);

}

});

/script

3

這樣就實(shí)現(xiàn)了全選和全不選。