如何用jquery動態改變 input 輸入框的readonly屬性及CSS樣式

樣例

<style type="text/css">
  .disable{background-color: #d2d2d2;}
</style>

<div class="layui-input-inline">
   <input type="number" id="demo" name="demo" class="layui-input disable" readonly ">
</div>

動態改變 readonly

$('input[name=demo]').attr("readonly","readonly") //將input元素設定為readonly
$('input[name=demo]').removeAttr("readonly");     //去除input元素的readonly屬性

動態新增刪除CSS樣式

$("#demo").addClass("disable");    //追加樣式
$("#demo").removeClass("disable"); //移除樣式 
 
              
           
              
              
            
            相關推薦
			   
            
            
            
 

    

    
    如何用jquery動態改變 input 輸入框的readonly屬性及CSS樣式
      
                                        
                                                樣例  
<style type="text/css">
  .disable{background-co 

  
 

    

    
    jquery新增刪除input輸入框
      
                       在寫前端頁面時，有時候根據業務要求需要動態增加或減少一行或多行輸入框，之前看到別人寫的太複雜，我把自己簡化過的拿出來給大家參考一下。

實現後的效果，點選新增在最下方新增一行輸入框，點選刪除刪除該輸入框。



 我先說一下實現的邏輯，第一行輸入框是固定的的，後 

  
 

    

    
    ie下input輸入框readonly失效,游標仍可聚焦
      
								
								            
						
                
ie下input輸入框設定了readonly屬性,但是滑鼠還可以點選游標聚焦,
改為bootstrap的disable屬性後,無法聚焦但是表單提交又失效,無法傳遞引數,

而且聚焦後,backspac 

  
 

    

    
    移動端input“輸入框”常見問題及解決方法
      轉自 https://www.cnblogs.com/ljx20180807/p/9837748.html 
1. ios中，輸入框獲得焦點時，頁面輸入框被遮蓋，定位的元素位置錯亂： 
當頁input存在於吸頂或者吸底元素中時，使用者點選輸入框，輸入法彈出後，fiexd失效，頁面中定位好的元素隨螢幕 

  
 

    

    
    獲取多個input標籤，並動態改變input標籤的name屬性
      
								
								            
							
							
							網上找了很多，都不如意，後來安裝了個谷歌瀏覽器除錯，發現問題：list陣列中的值居然變少了，但不知道為什麼會這樣，求大神解答。原理我不知道，但是稍微修改下程式碼，還是實現了

<script ty 

  
 

    

    
    Js（Jquery）實時監聽input輸入框值的變化
      
							
							
							效果圖

Js寫法
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title& 

  
 

    

    
    Jquery獲取日期下拉框內容後計算出相應年齡顯示在input輸入框
       
 
   
 這個就類似於QQ等軟體填寫個人資訊處的生日後年齡就會自動被計算出。 
 思路： 
         監聽下拉框內容的改變 
         1、設定年齡的輸入框不可編輯，我為了讓其以後能往後臺傳輸資料 

  
 

    

    
    JS 動態增加刪除 input 輸入框
       
 
 
   
 F12 console  可輸入下面程式碼，測試介面 
 $.post('InvstAccountManagement.do?op=getPdf',
  { amount: 1234 }, function(response) {
    console.log(re 

  
 

    

    
    input輸入框和textarea文字框的value改變事件
      
								
								            
						
                
如果寫過檢測input或者textarea輸入框文字檢測的人一定知道onchange或者jq的change方法檢測文字變化是檢測不到的，因為該事件是在文字框獲得焦點，並且改變其中的內容之後再失去焦點才 

  
 

    

    
    jQuery實現當select下拉框內容變化時，input輸入框內容隨之變化
      
								
								            
							
							
							今天實現了一個功能，當select下拉框中的內容發生變化時，input輸入框中的內容隨之發生變化，具體實現方法如下：



//繫結change事件，當下拉框內容發生變化時啟動事件
$("#wlms") 

  
 

    

    
    jquery獲取input輸入框中的值、radio單選框選中的值、checkbox複選框選中的值
      
                1）jquery獲取input輸入框中的值

如何用jquery獲取<input id="test" name="test" type="text"/>中輸入的值？
$(" #test ").val()
$(" input[ name='test' ] ").va 

  
 

    

    
    回車鍵觸發事件的js程式碼、input輸入框值改變事件、js陣列
      
                
1、回車鍵觸發事件的js程式碼
      在文字框中輸入完內容後,經常需要按回車,焦點跳到下個文字框,或者觸發按鈕事件
判斷是否按下的為回車非常簡單:
function EnterPress(){ 
  if(event.keyCode == 13){ 
   ... 
 

  
 

    

    
    jquery實現input輸入框實時輸入觸發事件
      
                

此文為轉載：




[html]view
 plaincopyprint?




<inputid="productName"name="productName"class="wid10"type="text"value=""/>





[javasc 

  
 

    

    
    Js/jQuery實時監聽input輸入框值變化
      
							
							
							前言

在做web開發時候很多時候都需要即時監聽輸入框值的變化，以便作出即時動作去引導瀏覽者增強網站的使用者體驗感。而採用onchange時間又往往是在輸入框失去焦點（onblur）時候觸發，有時候並不能滿足條件。

首先看一下dom中元素事件： 


onpr 

  
 

    

    
    用input輸入框實現好看的複選框效果（css+jq）
      
								
								            
							
							
							做畢設果然是道阻且長QAQ，在用到一個複選框的時候由於嫌棄複選框實在太醜了，就自己做了一個。其中沒有用到任何圖片，用css和jQuery實現。 
廢話不多說直接看最後效果： 
 
html元素的設計如下 

  
 

    

    
    jquery無重新整理新增和刪除input輸入框 增加減少input框
      
                
<pre name="code" class="html"><a href="#" id="AddMoreFileBox" class="btn btn-info">新增更多的input輸入框</a></span></p 

  
 

    

    
    jQuery實現動態新增刪除輸入框
      
                
在一個專案中，一個實體需要動態新增另外的實體多個，即在新增或者編輯這個實體的時候，需要動態新增輸入框。利用jQuery簡單實現了一下，小有成就感。
<%if(isAdd){%>
  <div class="am-g am-form-group am-mar 

  
 

    

    
    Jquery獲取表格當前行中其他列中的值和input輸入框中的值
      
							
							
							Jquery獲取表格當前行中其他列的值和其他列中input輸入框中的值。

Jquery獲取表格當前行中其他列的值和其他列中input輸入框中的值。

先上表格程式碼（為了精簡，有些樣式程式碼減掉了）

<table>
  <tr>
   

  
 

    

    
    如何用jquery獲取input輸入框中的值？
      
                
如何用jquery獲取<input id="test" name="test" type="text"/>中輸入的值？
$(" #test ").val()
$(" input[ name='test' ] ").val()
$(" input[ type='t 

  
 

    

    
    jquery validate 比較兩個input輸入框的值的大小
      
                
好久沒有寫前臺了，專案現在是這個需要，就用了jquery validate控制元件
html程式碼如下：
<th><label for="amountRangeStart">發生額</label></th><td>