jquery取值和賦值(包含部分是原生js的取值和賦值)

weixin_34138377發表於2018-12-27

準備

1.首先必須引入jquery這個js檔案。
<script type="text/javascript" src="__TMPL__/public/assets/js/jquery-1.7.2.min.js"></script>
2.寫上input相關程式碼

input程式碼如下

 <input type="text" class="corp_class" id="corp_id" name="corp_name" placeholder="請輸企業名稱" >

3. 給input賦值、取值的程式碼。

<script>
    $(document).ready(function () {
        給input賦值、取值的程式碼
    });
</script>

開始

利用jquery的方式給型別為text的input賦值

方式一：根據input中的id給input賦值`(#的形式)`

$("#corp_id").val("我是企業名稱");

方式二：根據input中的name給input賦值`(input[name='xxxx']的形式)`

`$("input[name='corp_name']").val('我是企業名稱');`

方式三：根據input中的class給input賦值`(點的形式)`

$('.corp_class').val('我是企業名稱');

方式一、方式二、方式三-效果

image.png

利用jquery的方式取出型別為text的input中的值

input程式碼如下

 <input type="text" class="corp_class" id="corp_id" name="corp_name" placeholder="請輸企業名稱" >

方式一：根據input中的id取值`(#的形式)`

$("#corp_id").attr("value");

方式二：根據input中的name取值`(input[name='xxxx']的形式)`

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

方式二：根據input中的class取值`(input.xxxx的形式)`

$("input.corp_class").val();

方式三：根據input中的name取值`(:text[name="corp_name"]的形式)`

$(':text[name="corp_name"]').val();

利用原生js的方式給型別為text的input賦值

方式一：根據input中的id賦值。`getElementById的形式`

document.getElementById("corp_id").value="我是企業名稱";

方式二：根據input中的name賦值。(必須分開寫，否則無法賦值)`getElementsByName的形式`

var input=document.getElementsByName("corp_name")[0];
input.value = "我是企業名稱";

方式三：根據input中的class賦值。`getElementsByClassName的形式`

document.getElementsByClassName("corp_class")[0].value="我是企業名稱";

利用原生js的方式取出型別為text的input中的值

方式一：根據input中的id取值。`getElementById的形式`

document.getElementById("corp_id").value;

方式二：根據input中的name取值。`getElementsByName的形式`

document.getElementsByName("corp_name")[0].value;

方式三：根據input中的class取值。`getElementsByClassName的形式`

`document.getElementsByClassName("corp_class")[0].value;`

利用jquery的方式給型別為radio`【單選功能】`的input賦值

input程式碼如下

 <div class="radio-wrap">
     <input class="one_radio_class" type="radio" name="enterprisesType" id="one_radio_id" value="1">
      <label for="one_radio_id">雙創載體</label>
 </div>

 <div class="radio-wrap">
      <input class="two_radio_class" type="radio" name="enterprisesType" id="two_radio_id" value="2">
      <label for="two_radio_id">金融機構</label>
 </div>
                            
 <div class="radio-wrap">
       <input class="three_radio_class" type="radio" name="enterprisesType" id="three_radio_id" value="3">
       <label for="three_radio_id">創業公司</label>
 </div>

image.png

方式一：利用value為radio賦值。

$("input[name='enterprisesType'][value=2]").attr("checked", true);
或者
$("input[value='2']").attr('checked','true');

方式二：利用slice為radio賦值。(第一個數表示從第索引幾位開始擷取；第二個數表示到幾位結束，這個不是索引。從下標為1的索引擷取，擷取到第2位，也就是說只擷取一位。所以會選中第二個radio)

$('input:radio').slice(1,2).attr('checked','true');

方式三：利用id為radio賦值。

$("#two_radio_id").attr("checked", "checked");

方式四：利用class為radio賦值。

$("input[class='two_radio_class']").attr("checked", true);

方式五：利用`type+索引`為radio賦值。【由於未指定哪個name，所以就會把當前頁面的所有的radio考慮在內,找到索引為1的radio】

`$('input:radio').eq(1).attr('checked', 'true');`

方式一、方式二、方式三、方式四、方式五-效果

image.png

PS:不過一般都是用label巢狀input的方式實現單選，程式碼大體如下：

<label><input type="radio" name="qyxx" value="國有">國有</label>
<label><input type="radio" name="qyxx" value="民營">民營</label>
<label><input type="radio" name="qyxx" value="外商投資企業">外商投資企業</label>

image.png

利用jquery的方式取出型別為radio的input中的值

方式一：利用type取出選中狀態下的radio對應的value值

$("input[type='radio']:checked").val());
或者
$('input:radio:checked').val();

方式二：利用name取出選中狀態下的radio對應的value值

$("input[name='enterprisesType']:checked").val();

方式三：利用class取出選中狀態下的radio對應的value值

$("input[class='two_radio_class']:checked").val();

方式四：利用id取出選中狀態下的radio對應的value值

$("input[id='two_radio_id']:checked").val();

方式五：利用`id+filter+attr`取出選中狀態下的radio對應的value值

$("#two_radio_id").filter(":checked").attr("value");

方式六：利用`class+filter+attr`取出選中狀態下的radio對應的value值

$("input:radio[='two_radio_class']").filter(":checked").attr("value"));

方式七：利用`name+filter+attr`取出選中狀態下的radio對應的value值

$("[name='enterprisesType']").filter(":checked").attr("value");

方式八`【實用】`：利用on函式來實時監聽單選按鈕的點選。點選哪個單選按鈕，哪個單選按鈕的value就會被列印出來

// 單選單選共用同一個name，所以用[name='enterprisesType']的方式。
$("[name='enterprisesType']").on("change",
    function (e) {
        console.log($(e.target).val());
    }
);

利用jquery的方式獲取單選按鈕的選中狀態下的id【做法同下】

方式一：通過`id+filter+attr`的方式。

$("#two_radio_id").filter(":checked").attr("id");

方式二：通過`name+filter+attr`的方式。

$("[name='enterprisesType']").filter(":checked").attr("id");

方式三：通過`class+filter+attr`的方式。

$("input:radio[='two_radio_class']").filter(":checked").attr("id");

利用jquery的方式獲取單選按鈕的選中狀態下的class【做法同上】

方式一：通過`id+filter+attr`的方式。

$("#two_radio_id").filter(":checked").attr("class");

方式二：通過`name+filter+attr`的方式。

$("[name='enterprisesType']").filter(":checked").attr("class");

方式三：通過`class+filter+attr`的方式。

$("input:radio[='two_radio_class']").filter(":checked").attr("class");

利用jquery的方式獲取單選按鈕的選中狀態下的name【做法同上】

方式一：通過`id+filter+attr`的方式。

$("#two_radio_id").filter(":checked").attr("name");

方式二：通過`name+filter+attr`的方式。

$("[name='enterprisesType']").filter(":checked").attr("name");

方式三：通過`class+filter+attr`的方式。

$("input:radio[='two_radio_class']").filter(":checked").attr("name");

利用jquery的方式移除選中狀態下的選中效果。

方式一：通過`id+removeAttr`的方式移除選中狀態下的radio。

$("#two_radio_id").removeAttr("checked");

方式二：通過`name+removeAttr`的方式移除選中狀態下的radio。

$("input:radio[name='enterprisesType']").removeAttr("checked");

方式三：通過`class+removeAttr`的方式移除選中狀態下的radio。

$("input:radio[class='two_radio_class']").removeAttr("checked");

方式四：通過`id+attr`的方式移除選中狀態下的radio。

$("#two_radio_id").attr("checked",false);

方式五：通過`name+attr`的方式移除選中狀態下的radio。

$("input:radio[name='enterprisesType']").attr("checked",false);

方式六：通過`class+attr`的方式移除選中狀態下的radio。

$("input:radio[='two_radio_class']").attr("checked",false);

注意要實現如上單選效果，type必須為radio。name都必須保證一樣,如上name都為enterprisesType。

利用jquery的方式給型別為checkbox`【多選功能】`的input賦值

input程式碼如下

<label><input type="checkbox" value="1" id="one_checkbox_id" class="one_checkbox_class"
 name="checkbox_name[]">智慧財產權質押</label>
<label><input type="checkbox" value="2" id="two_checkbox_id" class="two_checkbox_class"
name="checkbox_name[]">股權質押</label>
<label><input type="checkbox" value="3" id="three_checkbox_id"
class="three_checkbox_class" name="checkbox_name[]">信用</label>

方式一：通過`name+value+attr`的方式。

$("input[name='checkbox_name[]'][value=2]").attr("checked", true);
$("input[name='checkbox_name[]'][value=3]").attr("checked", true);
全選是如下寫法：
$("[name='checkbox_name[]']").attr("checked",'true');

方式二：通過`slice+attr`的方式。(第一個數表示從第索引幾位開始擷取；第二個數表示到幾位結束，這個不是索引。從下標為1的索引擷取，擷取到第3位，也就是說擷取兩位。所以會選中第二個和第三個input:checkbox)

$('input:radio').slice(1,3).attr('checked','true');

方式三：通過`eq+attr`的方式。

$('input:checkbox').eq(1).attr('checked', 'true');
$('input:checkbox').eq(2).attr('checked', 'true');
或者
$("input[value='2']").attr('checked','true');
$("input[value='3']").attr('checked','true');

方式四：通過`id+attr`的方式。

$("#two_checkbox_id").attr("checked", "checked");
$("#three_checkbox_id").attr("checked", "checked");

方式五：通過`value+attr`的方式。

$("input:checkbox[value='2']").attr('checked','true');
$("input:checkbox[value='3']").attr('checked','true');

方式六：通過`class+attr`的方式。

$("input[class='two_checkbox_class']").attr("checked", true);
$("input[class='three_checkbox_class']").attr("checked", true);

image.png

利用jquery的方式取出型別為checkbox的input中所有選中的value值

方式一：利用`each`遍歷取出所有選中狀態下的checkbox對應的value值

var arrayObj = new Array();
 $.each($('input:checkbox:checked'), function () {
   arrayObj.push($(this).val());
  });
console.log(arrayObj.join(","));
alert("選中了value值為" + arrayObj.join(",") +"的checbox。一共" +     
$('input[type=checkbox]:checked').length +"個被選中");

或者

var arrayObj = new Array();
 $.each($('input:checkbox'),function(){
   if(this.checked){
arrayObj.push($(this).val());
 }
});
console.log(arrayObj.join(","));
alert("選中了value值為" + arrayObj.join(",") +"的checkbox。一共" + $('input[type=checkbox]:checked').length +"個被選中");

利用jquery的方式移除所有選中狀態下的checkbox選中效果。

方式一：通過`name+attr`的方式移除素所有選中狀態下的checkbox。

$("input:checkbox[name='checkbox_name[]']").attr("checked",false);

方式二：通過`name+removeAttr`的方式移除所有選中狀態下的checkbox。

$("input:checkbox[name='checkbox_name[]']").removeAttr("checked");

利用原生js的方式取出型別為checkbox的input中所有選中的值

var checkbox_name = document.getElementsByName('checkbox_name[]'); 
  var checkStr = '';
    for (var i = 0; i < checkbox_name.length; i++) {
      if (checkbox_name[i].checked){
         checkStr += checkbox_name[i].value + ','; 
       }
     }
  alert(checkStr == ''?'checkbox沒有被選中':"選中了value值為" + checkStr +"的checkbox。一共" + $('input[type=checkbox]:checked').length +"個被選中");

利用jquery的方式讓select選中某個option

方法一：根據option中的`value`，選中下拉框的某個option

$("#select_id").find("option[value = '4']").attr("selected","selected");// 讓value為4option選中。

方法二：根據select中的`id`，選中下拉框的某個option

$("#select_id")[0].selectedIndex = 4;// 讓select下拉框索引為4的下標值選中。

方法三：根據`attr`，選中下拉框的某個option

$("#select_id").attr("value",'4');

利用原生js的方式讓select選中某個option

方法一：根據select中的id，選中下拉框的某個option。

document.getElementById("select_id")[4].selected=true;// 讓select下拉框索引為4的下標值選中。

利用jquery的方式實時監聽選中option中的value值

方法一：利用`on`函式實時監聽選中option中的value值。

<select style="width:242px;" id="select_id" name="select_name" >
   <option value="">-請選擇-</option>
  <option value="1">電子資訊</option>
  <option value="2">汽車製造</option>
  <option value="3">食品飲料</option>
  <option value="4">裝備製造</option>
  <option value="5">生物醫藥</option>
  <option value="6">航空航天</option>
  <option value="7">軌道交通</option>
  <option value="8">節能環保</option>
  <option value="9">新材料</option>
  <option value="10">新能源</option>
  <option value="11">人工智慧</option>
  <option value="12">精準醫療</option>
  <option value="13">虛擬現實</option>
  <option value="14">感測控制</option>
  <option value="15">增材製造</option>
</select>
 $('#select_id').on("change", function () { 
     console.log($(this).find(':selected').val());// 或者 console.log(this.value);
  })

方法二:利用`onchange`事件實時監聽選中option中的value值。

<select style="width:242px;" id="select_id" name="select_name" onchange="onchange_Value(this)">
    xxx
    xxx
    xxx
</select>

<script type="text/javascript">
   function onchange_Value(event){
        var selectValue = $(event).find('option:selected').val();
        console.log(selectValue);
    }
 </script>

方法三:利用`oninput`事件實時監聽選中option中的value值。

<select style="width:242px;" id="select_id" name="select_name" oninput="oninput_Value(event)">
  xxx
  xxx
  xxx
</select>

<script type="text/javascript">
   function oninput_Value(obj){
        var selectValue = $(obj).find('option:selected').val();
        console.log(selectValue);
    }
 </script>

方法四：利用`onpropertychange`事件，實時監聽選中option中的value值。.但是，我使用的是chrome瀏覽器，這個事件好像只有ie才有。所以這裡沒有測試過可行還不是不可行，程式碼如下：

<select style="width:242px;" id="select_id" name="select_name" onpropertychange="onpropertychange_getSelectValue (event)">
    xxx
    xxx
 </select>
<script type="text/javascript">
function onpropertychange_getSelectValue(event){
        if (event.propertyName.toLowerCase () == "value") {
                console.log(event.target.value);
        }
</script>

利用jquery的方式額外增加option

新增畜牧養殖、水產培育

$("
<option value='16'>畜牧養殖</option>
<option vlaue='17'>水產培育</option>
").appendTo("#select_id");

image.png

利用jquery的方式清空option

$("#select_id").empty();

利用jquery的方式給label標籤賦值

<label class="remind_class" id="remind_id" name="remind_name"></label>

方法一：利用`id+text()`給label賦值

$('#remind_id').text('請正確輸入，例如：13600000000');

方法二：利用`id+html()`給label賦值

$('#remind_id').html('請正確輸入，例如：13600000000');

方法三：利用`class+text()`給label賦值

$(".remind_class").text("請正確輸入，例如：13600000000");

方法四：利用`class+text()`給label賦值

$(".remind_class").html('請正確輸入，例如：13600000000');

方法一、方法二、方法三、方法四效果

image.png

利用原生js的方式給label標籤賦值

方法一：利用`id`給label賦值。

document.getElementById('remind_id').innerHTML = '請正確輸入，例如：13600000000;

方法二：利用`name`給label賦值。

document.getElementsByName("remind_name")[0].innerText ="請正確輸入，例如：13600000000";

利用jquery的方式取出label標籤中的值

方法一：利用`id+html()`取出label的值。

$("#remind_id").html();

方法二：利用`id+text()`取出label的值。

$("#remind_id").text();

方法三：利用`class+html()`取出label的值。

$(".remind_class").html();

方法四：利用`class+text()`取出label的值。

$(".remind_class").text();

利用原生js的方式取出label標籤中的值

方法一：利用`id+text()`取出label的值。

document.getElementById("remind_id").innerText;

方法二：利用`name+text()`取出label的值。

document.getElementsByName("remind_name")[0].innerText

利用jquery的方式給p標籤賦值

方法一：利用`id+html()`給p標籤賦值。

$("#p_id").html("我是p標籤");

方法二：利用`id+text()`給p標籤賦值。

$("#p_id").text("我是p標籤");

方法三：利用`class+html()`給p標籤賦值。

$(".p_class").html("我是p標籤");

方法四：利用`class+text()`給p標籤賦值。

$("#p_class").text("我是p標籤");

方法一、方法二、方法三、方法四效果

image.png

利用原生js的方式給p標籤賦值

方法一：利用`id`給p標籤賦值。

document.getElementById('p_id').innerHTML = '我是p標籤';

方法二：利用`name`給p標籤賦值。

document.getElementsByName("p_name")[0].innerHTML="我是p標籤";

利用jquery的方式取出p標籤裡面的值

方法一：利用id+html()取出p標籤的值。

$("#p_id").html();

方法二：利用id+text()取出p標籤的值。

$("#p_id").text());

方法三：利用class+html()取出p標籤的值。

$(".p_class").html();

方法四：利用class+text()取出p標籤的值。

$(".p_class").text();

利用原生js的方式取出p標籤中的值

方法一：利用`id+text()`取出label的值。

document.getElementById("p_id").innerText;

方法二：利用`name+text()`取出label的值。

document.getElementsByName("p_name")[0].innerText;

利用jquery的方式給button標籤賦值

方法一：利用`id+text()`給button標籤賦值

$('#button_id').text('我是button標籤');

方法二：利用`id+html()`給button標籤賦值

$("#button_id").html("我是button標籤");

方法三：利用`class+text()`給button標籤賦值

$(".button_class").text("我是button標籤");

方法四：利用`class+html()`給button標籤賦值

$(".button_class").html('我是button標籤');

方法一、方法二、方法三、方法四效果

image.png

利用原生js的方式給button標籤賦值

方法一：利用`id`給p標籤賦值。

document.getElementById('button_id').innerHTML = '我是button標籤';

方法二：利用`name`給p標籤賦值。

`document.getElementsByName("button_name")[0].innerHTML="我是button標籤";`

利用jquery的方式取出button標籤裡面的值

方法一：利用id+html()取出button標籤的值。

$("#button_id").html();

方法二：利用id+text()取出button標籤的值。

$("#button_id").text());

方法三：利用class+html()取出button標籤的值。

$(".button_class").html();

方法四：利用class+text()取出button標籤的值。

$(".button_class").text();

利用原生js的方式取出button標籤中的值

方法一：利用`id+text()`取出button標籤中的值。

document.getElementById("button_id").innerText;

方法二：利用`name+text()`取出button標籤中的值。

document.getElementsByName("button_name")[0].innerText;

JQuery給textarea取值和賦值
2016-02-24
jQuery賦值
jQuery radio的取值與賦值
2018-04-08
jQuery賦值
Jquery給基本控制元件的取值、賦值
2012-07-19
jQuery控制元件賦值
【OpenCV學習】多通道矩陣的賦值和取值
2012-12-07
OpenCV矩陣賦值
VC++ 控制元件賦值取值
2015-07-18
C++控制元件賦值
微信小程式--data的賦值與取值
2018-10-17
微信小程式賦值
shell中變數的取值與賦值
2017-11-14
變數賦值
jQuery data-*賦值或者獲取值程式碼例項
2017-04-10
jQuery賦值
能取值亦能賦值的Python切片
2021-02-23
賦值Python
jquery操作select取值賦值與設定選中[轉]
2017-03-28
jQuery賦值
從 ECMA 規範解析 JavaScript 預設的取值和賦值行為
2019-07-14
JavaScript賦值
js 利用||和&&賦值小技巧
2018-05-24
JS賦值
常被新手忽略的值賦值和引用賦值（偏redux向）
2018-04-24
賦值Redux
JS解構賦值
2019-02-16
JS賦值
Java的Monad和懶賦值
2013-02-19
Java賦值
php之普通變數賦值、物件賦值、引用賦值的區別
2020-11-12
PHP變數賦值物件
jquery 動態給table賦值
2017-04-24
jQuery賦值
jQuery給控制元件賦值....
2013-09-05
jQuery控制元件賦值
【c++】深賦值與淺賦值
2015-05-15
C++賦值
變數的賦值指標間接賦值
2019-01-23
變數賦值指標
【jquery】select下拉框賦值
2019-01-14
jQuery賦值
php變數賦值給js
2015-01-08
PHP變數賦值JS
c#小灶——常量、變數和賦值
2019-08-13
C#變數賦值
jquery —— 一次繫結多個事件和 tiny_mce 賦值
2011-12-13
jQuery事件賦值
微信小程式傳值取值的方法總結
2019-02-16
微信小程式
javascript變數賦值或者重新賦值注意事項
2017-03-31
JavaScript變數賦值
JS 中賦值語句的祕密
2018-12-28
JS賦值
求救！Actionform是怎麼樣賦值的?
2002-12-18
ORM賦值
Vue.js - 陣列和物件的賦值動態變化 & 克隆
2019-07-12
Vue.js陣列物件賦值
陣列賦值
2013-11-03
陣列賦值
PLSQL Language Reference-PL/SQL語言基礎-變數賦值-使用賦值語句賦值
2014-03-07
SQL變數賦值
js基礎-20-js物件賦值時的key值問題
2020-10-11
JS物件賦值
整明白 Golang struct 例項化和賦值
2021-11-19
GolangStruct賦值
java裡面給物件賦值，慎用賦值符號（=） (轉)
2007-08-15
Java物件賦值符號
java的多項式的加減乘除和賦值
2021-10-09
Java賦值
JS中的變數賦值深入理解
2020-06-17
JS變數賦值
你真的理解js的賦值語句麼
2014-07-01
JS賦值
Golang Map實現（四） map 的賦值和擴容
2020-04-30
Golang賦值

jquery取值和賦值(包含部分是原生js的取值和賦值)

準備

input程式碼如下

開始

利用jquery的方式給型別為text的input賦值

方式一：根據input中的id給input賦值(#的形式)

方式二：根據input中的name給input賦值(input[name='xxxx']的形式)

$("input[name='corp_name']").val('我是企業名稱');

方式三：根據input中的class給input賦值(點的形式)

方式一、方式二、方式三-效果

利用jquery的方式取出型別為text的input中的值

input程式碼如下

方式一：根據input中的id取值(#的形式)

方式二：根據input中的name取值(input[name='xxxx']的形式)

方式二：根據input中的class取值(input.xxxx的形式)

方式三：根據input中的name取值(:text[name="corp_name"]的形式)

利用原生js的方式給型別為text的input賦值

方式一：根據input中的id賦值。getElementById的形式

方式二：根據input中的name賦值。(必須分開寫，否則無法賦值)getElementsByName的形式

方式三：根據input中的class賦值。getElementsByClassName的形式

利用原生js的方式取出型別為text的input中的值

方式一：根據input中的id取值。getElementById的形式

方式二：根據input中的name取值。getElementsByName的形式

方式三：根據input中的class取值。getElementsByClassName的形式

document.getElementsByClassName("corp_class")[0].value;

利用jquery的方式給型別為radio【單選功能】的input賦值

input程式碼如下

方式一：利用value為radio賦值。

方式二：利用slice為radio賦值。(第一個數表示從第索引幾位開始擷取；第二個數表示到幾位結束，這個不是索引。從下標為1的索引擷取，擷取到第2位，也就是說只擷取一位。所以會選中第二個radio)

方式三：利用id為radio賦值。

方式四：利用class為radio賦值。

方式五：利用type+索引為radio賦值。【由於未指定哪個name，所以就會把當前頁面的所有的radio考慮在內,找到索引為1的radio】

$('input:radio').eq(1).attr('checked', 'true');

方式一、方式二、方式三、方式四、方式五-效果

利用jquery的方式取出型別為radio的input中的值

方式一：利用type取出選中狀態下的radio對應的value值

方式二：利用name取出選中狀態下的radio對應的value值

方式三：利用class取出選中狀態下的radio對應的value值

方式四：利用id取出選中狀態下的radio對應的value值

方式五：利用id+filter+attr取出選中狀態下的radio對應的value值

方式六：利用class+filter+attr取出選中狀態下的radio對應的value值

方式七：利用name+filter+attr取出選中狀態下的radio對應的value值

方式八【實用】：利用on函式來實時監聽單選按鈕的點選。點選哪個單選按鈕，哪個單選按鈕的value就會被列印出來

利用jquery的方式獲取單選按鈕的選中狀態下的id【做法同下】

方式一：通過id+filter+attr的方式。

方式二：通過name+filter+attr的方式。

方式三：通過class+filter+attr的方式。

利用jquery的方式獲取單選按鈕的選中狀態下的class【做法同上】

方式一：通過id+filter+attr的方式。

方式二：通過name+filter+attr的方式。

方式三：通過class+filter+attr的方式。

利用jquery的方式獲取單選按鈕的選中狀態下的name【做法同上】

方式一：通過id+filter+attr的方式。

方式二：通過name+filter+attr的方式。

方式三：通過class+filter+attr的方式。

利用jquery的方式移除選中狀態下的選中效果。

方式一：通過id+removeAttr的方式移除選中狀態下的radio。

方式二：通過name+removeAttr的方式移除選中狀態下的radio。

方式三：通過class+removeAttr的方式移除選中狀態下的radio。

方式四：通過id+attr的方式移除選中狀態下的radio。

方式五：通過name+attr的方式移除選中狀態下的radio。

方式六：通過class+attr的方式移除選中狀態下的radio。

注意要實現如上單選效果，type必須為radio。name都必須保證一樣,如上name都為enterprisesType。

利用jquery的方式給型別為checkbox【多選功能】的input賦值

input程式碼如下

方式一：通過name+value+attr的方式。

方式二：通過slice+attr的方式。(第一個數表示從第索引幾位開始擷取；第二個數表示到幾位結束，這個不是索引。從下標為1的索引擷取，擷取到第3位，也就是說擷取兩位。所以會選中第二個和第三個input:checkbox)

方式三：通過eq+attr的方式。

方式四：通過id+attr的方式。

方式五：通過value+attr的方式。

方式六：通過class+attr的方式。

利用jquery的方式取出型別為checkbox的input中所有選中的value值

方式一：利用each遍歷取出所有選中狀態下的checkbox對應的value值

利用jquery的方式移除所有選中狀態下的checkbox選中效果。

方式一：通過name+attr的方式移除素所有選中狀態下的checkbox。

方式二：通過name+removeAttr的方式移除所有選中狀態下的checkbox。

利用原生js的方式取出型別為checkbox的input中所有選中的值

利用jquery的方式讓select選中某個option

方法一：根據option中的value，選中下拉框的某個option

方法二：根據select中的id，選中下拉框的某個option

方式一：根據input中的id給input賦值`(#的形式)`

方式二：根據input中的name給input賦值`(input[name='xxxx']的形式)`

`$("input[name='corp_name']").val('我是企業名稱');`

方式三：根據input中的class給input賦值`(點的形式)`

方式一：根據input中的id取值`(#的形式)`

方式二：根據input中的name取值`(input[name='xxxx']的形式)`

方式二：根據input中的class取值`(input.xxxx的形式)`

方式三：根據input中的name取值`(:text[name="corp_name"]的形式)`

方式一：根據input中的id賦值。`getElementById的形式`

方式二：根據input中的name賦值。(必須分開寫，否則無法賦值)`getElementsByName的形式`

方式三：根據input中的class賦值。`getElementsByClassName的形式`

方式一：根據input中的id取值。`getElementById的形式`

方式二：根據input中的name取值。`getElementsByName的形式`

方式三：根據input中的class取值。`getElementsByClassName的形式`

`document.getElementsByClassName("corp_class")[0].value;`

利用jquery的方式給型別為radio`【單選功能】`的input賦值

方式五：利用`type+索引`為radio賦值。【由於未指定哪個name，所以就會把當前頁面的所有的radio考慮在內,找到索引為1的radio】

`$('input:radio').eq(1).attr('checked', 'true');`

方式五：利用`id+filter+attr`取出選中狀態下的radio對應的value值

方式六：利用`class+filter+attr`取出選中狀態下的radio對應的value值

方式七：利用`name+filter+attr`取出選中狀態下的radio對應的value值

方式八`【實用】`：利用on函式來實時監聽單選按鈕的點選。點選哪個單選按鈕，哪個單選按鈕的value就會被列印出來

方式一：通過`id+filter+attr`的方式。

方式二：通過`name+filter+attr`的方式。

方式三：通過`class+filter+attr`的方式。

方式一：通過`id+filter+attr`的方式。

方式二：通過`name+filter+attr`的方式。

方式三：通過`class+filter+attr`的方式。

方式一：通過`id+filter+attr`的方式。

方式二：通過`name+filter+attr`的方式。

方式三：通過`class+filter+attr`的方式。

方式一：通過`id+removeAttr`的方式移除選中狀態下的radio。

方式二：通過`name+removeAttr`的方式移除選中狀態下的radio。

方式三：通過`class+removeAttr`的方式移除選中狀態下的radio。

方式四：通過`id+attr`的方式移除選中狀態下的radio。

方式五：通過`name+attr`的方式移除選中狀態下的radio。

方式六：通過`class+attr`的方式移除選中狀態下的radio。

利用jquery的方式給型別為checkbox`【多選功能】`的input賦值

方式一：通過`name+value+attr`的方式。

方式二：通過`slice+attr`的方式。(第一個數表示從第索引幾位開始擷取；第二個數表示到幾位結束，這個不是索引。從下標為1的索引擷取，擷取到第3位，也就是說擷取兩位。所以會選中第二個和第三個input:checkbox)

方式三：通過`eq+attr`的方式。

方式四：通過`id+attr`的方式。

方式五：通過`value+attr`的方式。

方式六：通過`class+attr`的方式。

方式一：利用`each`遍歷取出所有選中狀態下的checkbox對應的value值

方式一：通過`name+attr`的方式移除素所有選中狀態下的checkbox。

方式二：通過`name+removeAttr`的方式移除所有選中狀態下的checkbox。

方法一：根據option中的`value`，選中下拉框的某個option

方法二：根據select中的`id`，選中下拉框的某個option

方法三：根據`attr`，選中下拉框的某個option

方法一：利用`on`函式實時監聽選中option中的value值。

方法二:利用`onchange`事件實時監聽選中option中的value值。

方法三:利用`oninput`事件實時監聽選中option中的value值。

方法四：利用`onpropertychange`事件，實時監聽選中option中的value值。.但是，我使用的是chrome瀏覽器，這個事件好像只有ie才有。所以這裡沒有測試過可行還不是不可行，程式碼如下：

方法一：利用`id+text()`給label賦值

方法二：利用`id+html()`給label賦值

方法三：利用`class+text()`給label賦值

方法四：利用`class+text()`給label賦值

方法一：利用`id`給label賦值。

方法二：利用`name`給label賦值。

方法一：利用`id+html()`取出label的值。

方法二：利用`id+text()`取出label的值。

方法三：利用`class+html()`取出label的值。

方法四：利用`class+text()`取出label的值。

方法一：利用`id+text()`取出label的值。

方法二：利用`name+text()`取出label的值。

方法一：利用`id+html()`給p標籤賦值。

方法二：利用`id+text()`給p標籤賦值。

方法三：利用`class+html()`給p標籤賦值。

方法四：利用`class+text()`給p標籤賦值。

方法一：利用`id`給p標籤賦值。

方法二：利用`name`給p標籤賦值。

方法一：利用`id+text()`取出label的值。

方法二：利用`name+text()`取出label的值。

方法一：利用`id+text()`給button標籤賦值

方法二：利用`id+html()`給button標籤賦值

方法三：利用`class+text()`給button標籤賦值

方法四：利用`class+html()`給button標籤賦值

方法一：利用`id`給p標籤賦值。

方法二：利用`name`給p標籤賦值。