今天就跟大家聊聊有關(guān)如何使用layui 選中表單元素，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來(lái)公司不斷探索創(chuàng)新，始終堅(jiān)持為客戶提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過(guò)去的十年時(shí)間我們累計(jì)服務(wù)了上千家以及全國(guó)政企客戶，如效果圖設(shè)計(jì)等企業(yè)單位，完善的項(xiàng)目管理流程，嚴(yán)格把控項(xiàng)目進(jìn)度與質(zhì)量監(jiān)控加上過(guò)硬的技術(shù)實(shí)力獲得客戶的一致贊賞。

layui對(duì)表單元素都作了美化,比如下拉列表,單選框,多選框.對(duì)表單美化后相應(yīng)元素的操作,其實(shí)是在layui處理過(guò)后的div上操作,不能真的反映在原始我們編寫(xiě)的表單的元素上.這也會(huì)出現(xiàn)一個(gè)問(wèn)題,如果想用JS對(duì)表單做些預(yù)處理,怎么做?操作原始的元素并不會(huì)展現(xiàn)在layui處理過(guò)的表單中的,那我們就對(duì)layui處理過(guò)的表單動(dòng)手

這里要提兩個(gè)我用過(guò)的,一個(gè)是單選框,一個(gè)是下拉列表

* 單選框,layui美化后,對(duì)應(yīng)的type=radio的input項(xiàng)隱藏,在input之后追加了一個(gè)div,里面用i標(biāo)簽美化,所以我們需要做的事找到目標(biāo)單選框的臨近i標(biāo)簽,然后觸發(fā)它的click事件

* 下拉框,layui把下拉框美化成了一個(gè)dl,每一個(gè)option標(biāo)簽都變成了一個(gè)dd標(biāo)簽表示,其中value更改為lay-value屬性,我們要做的就是找到下拉框?qū)?yīng)的dl標(biāo)簽,將符合要求值lay-value的dd的click事件觸發(fā)

完整代碼：

  
  
  

   
  




  投資需求

  
    
      
      
        
          *是否公開(kāi)：