前端取輸入框的值_js如何獲取input輸入框中輸入的值

『壹』如何用jquery獲取input中輸入的值

1、獲取input的checked值是否為true：

//第一種：
if($("input[name=item][value='val']").attr('checked')==true)//判斷是否已經打勾--註：name即控制項name屬性,value即控制項value屬性
//第二種：
可以不指定屬性值，因一組checkbox的value值都會保存其在資料庫中對應的id，最好寫成如下方式：
if($("input[name=row_checkbox]").attr('checked')==true)
//第三種：
if($("[name=row_checkbox]").attr('checked')==true)--註：name即控制項name屬性

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關文章分類:Web前端：

2、radio:

//獲取一組radio被選中項的值：
varitem=$('input[name=items][checked]').val();--註：name即控制項name屬性
//radio單選組的第二個元素為當前選中項：
$('input[@name=items]').get(1).checked=true;
//或
$('input[name=items]').attr("checked",'1′);
//radio的value='val'的元素為當前選中項：
$('input[name=items][value='val']').attr("checked","checked");
//radio設置value=2的元素為當前選中項：
$("input[type=radio]").attr("checked",'2′);
//radio被選中項的value值：
$("input[name='radio_name'][checked]").val();
//根據Value值設置Radio為選中狀態：
$("input[name='radio_name'][value='要選中Radio的Value值'").attr("checked",true);

3、select:

//獲取select被選中項的文本：
varitem=$("select[@name=items]option[@selected]").text();
//或
varitem=$("select[name=items]").find("option:selected").text();
//select下拉框的第二個元素為當前選中值：
$('#select_id')[0].selectedIndex=1;--註：select_id'即控制項的id屬性
//select下拉框value='val'的元素為當前選中項：
$("select[name=items]option[value='val']").attr("selected","selected");
//select設置value=-sel3的項目為當前選中項：
$("#sel").attr("value",'-sel3′);--註：sel即select控制項的id屬性
//添加下拉框的option：
$("<optionvalue='1′>1111</option><optionvalue='2′>2222</option>").appendTo("#sel");
//select清空：
$("#sel").empty();

4、checkbox:

//checkbox的第二個元素被打勾：
$("input[name=items]").get(1).checked=true;//打勾
//checkbox的value='val'的元素打勾：
$("input[name=item][value='val']").attr("checked",true);
或$("input[name=item][value='val']").attr("checked","checked");
//判斷checkbox是否已經打勾：
if($("input[name=item][value='val']").attr('checked')==true)

//jQuery獲取CheckBox選擇的Value值：
//選擇被選中CheckBox元素的集合如果你想得到Value值你需要遍歷這個集合
$($("input[name='checkbox_name'][checked]")).each(function(){
arrChk+=this.value+',';//遍歷被選中CheckBox元素的集合得到Value值
});

//checkbox的checked屬性：
$("#checkbox_id").attr("checked");//獲取一個CheckBox的狀態(有沒有被選中,返回true/false)
$("#checkbox_id").attr("checked",true);//設置一個CheckBox的狀態為選中(checked=true)
$("#checkbox_id").attr("checked",false);//設置一個CheckBox的狀態為不選中(checked=false)
//根據上面三條,分析分析這句代碼的意思：
$("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked"));
--註：根據控制項checkbox_id的checked狀態為name='checkbox_name'的input賦相同的checked狀態

5、獲取值：

//文本框,文本區域：
$("#txt").attr("value");
//多選框checkbox：
$("input[name='checkbox':checked]").each(function(){
varval=$(this).val();
});
//單選組radio：
$("input[type=radio][checked]").val();
//下拉框select的value值：
$('select').val();
//下拉框select選中的text值：
$("select").find("option:selected").text();
//文本框,文本區域：
$("#txt").attr("value",");//清空內容
$("#txt").attr("value",'11′);//填充內容

6、事件：

//當對象text_id獲取焦點時觸發：
$("#text_id").focus(function(){
//code...
});
//當對象text_id失去焦點時觸發：
$("#text_id").blur(function(){
//code...
});

7、其他：

//使文本框的Vlaue值成選中狀態：
$("#text_id").select();
$("#text_id").val().split(",");//將Text的Value值以','分隔返回一個數組

『貳』在js中如何獲取input標簽的text值

1、首先打開開發工具，新建一個【HTML文件】，如下圖所示。

『叄』 javascript怎樣取input標簽里的值

1、JavaScript原生方式，通過value屬性取值。vara=document.getElementById("nn").value;

2、jquery方法，通過val()方法來獲取，代碼是 var a = $("#nn").val()；

(3)前端取輸入框的值擴展閱讀：

getElementById() 方法可返回對擁有指定 ID 的第一個對象的引用。HTML DOM 定義了多種查找元素的方法，除了 getElementById() 之外，還有 getElementsByName() 和 getElementsByTagName()。

val() 方法返回或設置被選元素的值。元素的值是通過 value 屬性設置的。該方法大多用於 input 元素。如果該方法未設置參數，則返回被選元素的當前值。

『肆』 js怎麼獲取input的輸入的值

1、如圖所示，【右鍵單擊項目】，選擇【添加新項】，先添加一個頁面。

『伍』 JS獲取文本框的值

方法一：

var name = document.getElementById("name").value;

alert(name);

方法二：

name = form1.name.value;

alert(name);

方法三： jquery

name = $("#name").val();

alert(name);

方法四：jquery

name = $("input[id='name']").val();

alert(name);

方法五：jquery

name = $("#name").attr("value");

alert(name);

方法六：jquery

name = $("input[id='name']").attr("value");

alert(name);

}

『陸』 HTML網頁怎樣獲取input的值

1、可以使用Jquery獲取input框的值，新建Html文件，初始化文檔，可以從CDN引入Jquery文件，也可以下載Jquery文件到本地，這里選擇將其下載到本地：

『柒』 js如何獲取input輸入框中輸入的值

1、首選打開sublimetext 3編輯器創建一個html文件，然後創建一個按鈕和一個輸入框：

『捌』在js在怎樣獲取用戶輸入在<input type="text"/>中的值

在head中引用jquery：
<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>

2.定義一個text輸入框：

3.在自定義函數中根據id獲取此text的值：

var temp = $('#inputValue').val();//獲取值

alert(temp);//顯示

4.將輸入的字元串根據 ","分割：

var temp = $('#inputValue').val();

var getStr = temp.split(",");

5.定義一個對象，並列印輸入這個對象的值：

var jsonData = {};

jsonData.MainCmdID = 9100;//游戲消息 MDM_GF_GAME

jsonData.SubCmdID = 9012;//用戶出牌SUB_C_OUT_CART_WEB

jsonData.ChairID = 0;

jsonData.CardCount = getStr.length;

jsonData.CardData = temp;

var str = JSON.stringify(jsonData);

alert(str);

輸出 text中輸入的值：

『玖』如何獲取HTML中用戶輸入到文本框中的內容

原生JS:

var oInput =document.getElementById("app") //獲取一個id為app的輸入框元素；

var getHtml = oInput.innerHTML //獲取該元素的內容並賦值給getHTML;

(9)前端取輸入框的值擴展閱讀：

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。

在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。

JavaScript腳本語言具有以下特點:

(1)腳本語言。JavaScript是一種解釋型的腳本語言,C、C++等語言先編譯後執行,而JavaScript是在程序的運行過程中逐行進行解釋。

(2)基於對象。JavaScript是一種基於對象的腳本語言,它不僅可以創建對象,也能使用現有的對象。

(3)簡單。JavaScript語言中採用的是弱類型的變數類型,對使用的數據類型未做出嚴格的要求,是基於Java基本語句和控制的腳本語言,其設計簡單緊湊。

『拾』 html 點擊按鈕獲取input文本框裡面的值

可以使用輸入框的val()方法來獲取input的值，給按鈕綁定點擊事件觸發彈出該輸入框的值。

工具原料：編輯器、瀏覽器

1、解決的思路就是給一個按鈕綁定點擊事件，然後參數該輸入框的值，代碼如下：

<html>
<head>
<scripttype="text/javascript"src="libs/jquery/2.1.4/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($(":text").val());
});
});
</script>
</head>
<body>
<p>Name:<inputtype="text"name="user"value=""/></p>
<button>改變文本域的值</button>
</body>
</html>

2、運行的結果如下：

前端取輸入框的值

與前端取輸入框的值相關的內容