最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Js代碼中的span拼接問題解決

這篇文章主要介紹了Js代碼中的span拼接問題解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)清流,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

今天遇到一個小需求,用bootstrap的table只有兩個字段,占用太寬,頁面不美觀,組長要求用拼接,一行幾列的形式展現(xiàn)出來。

我在form表單中拼接了span,遇到以下問題:

1.點(diǎn)擊查詢,以前生成的span不消失,新的拼接在后面

2.span中的復(fù)選框,值的取出,復(fù)選框的狀態(tài)更換

對于職場老手來說,這沒什么,但是js代碼沒接觸多久的我來說,只能撞墻尋出口,邊撞邊試。

我選擇的是遍歷form刪除,下面是代碼

$('span', form).each(function(){
  $(this).remove();
});
/*這里的form,我換成了$("#"+id)*/

------》對與復(fù)選框的取值

1).復(fù)選框若是value,直接$(this).val();若是自定義,則是$(this).attr("name");比如

$('input[class="checkbox"]:checked').each(function(){
/*對于選中復(fù)選框的value取值*/
  $(this).val();
/*自定義取值*/$(this).attr("自定義的名字");
  });

2).復(fù)選框的狀態(tài)

對于全選用prop,prop() 方法設(shè)置或返回被選元素的屬性和值。全選、取消全選的事件 使用prop可以避免版本迭代的bug,避免出現(xiàn)只能全選一次

function selectAll(){  
  if ($("input[name='ck']").prop("checked")) {     
    $("input[type='checkbox'][name='cks']").prop("checked",true);//全選
  } else {       
    $("input[type='checkbox'][name='cks']").prop("checked",false); //取消全選   
  } 
}

復(fù)選框就是根據(jù)checked的true或false改變狀態(tài),在遍歷的選中復(fù)選框下,改變復(fù)選框?qū)ο髈bj.checked=false就改變了。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。


當(dāng)前名稱:Js代碼中的span拼接問題解決
文章路徑:http://fisionsoft.com.cn/article/jpgdgd.html