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

作者: CoderZb | 来源:发表于2018-12-27 15:07 被阅读17次

jquery取值和赋值(包含部分是原生js的取值和赋值)
vue和jquery的区别
jquery设计思想书目录
Vue的特点有哪些?和jQuery有何区别?
select取值赋值！ || &&
赋值取值
Python的property
2018-07-05 （变量的解构赋值）
微信小程序关于赋值和取值
jQuery 之样式操作 & 属性操作 & 绑

准备

1.首先必须引入jquery这个js文件。
<script type="text/javascript" src="/ishuowww/Tpl//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取值和赋值(包含部分是原生js的取值和赋值)
准备 1.首先必须引入jquery这个js文件。 2.写上input相关代码 input代码如下 3. 给inp...
vue和jquery的区别
jquery是使用选择器$选取dom对象,对其进行赋值,取值,事件绑定等操作,其实和原生js的区别只在于可以更方便...
jquery设计思想书目录
jQuery-选择网页元素 jQuery-改变结果集 jQuery-链式操作 jQuery-元素的操作：取值和赋值...
Vue的特点有哪些?和jQuery有何区别?
jquery：使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于...
select取值赋值！ || &&
1. select取值赋值例： 1 2 js: select 取值： sel = $('sel...
赋值取值
classHuman { varcarArr = ["玛莎拉蒂","奥迪","宝马","奔驰"] // 下...
Python的property
取值和赋值类Actress中有两个成员变量name和age。在外部对类的成员变量的操作，主要包括取值和赋值。简单...
2018-07-05 （变量的解构赋值）
变量的解构赋值从数组和对象中提取值，对变量进行赋值，这被称为解构。可以从数组中提取值，按照对应位置，对变量赋值...
微信小程序关于赋值和取值
取值赋值
jQuery 之样式操作 & 属性操作 & 绑
jquery样式操作 jquery用法思想二 (同一个函数完成取值和赋值)操作行间样式// 获取div的样式$("...

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标签赋值。