jquery获取input、select、span等的值，以及给他们赋值

为什么80%的码农都做不了架构师？>>>   

    经常要用到jquery取值、赋值的操作，本人记性不好，悟性又太差，所以还是相信古语：好记性不如烂笔头。就把这些都总结一下，以备不时之需。

       html:

                <span id="spanId" name="spanName"></span>

                <table><tr><td id="tdId"></td></tr></table>

                <input id="inputId1" name="inputName1" type="text">

                <input type="radio" name="inputName2" value="N" /> 否
                <input type="radio" name="inputName2" value="Y"  /> 是

                <select id="selectId"><option value="1" selected='selected'>湖南</option></select>

    1.文本框的值（span、td等）

      取值有很多方式，比如根据id取，或者根据name；可以取的值也有很多，比如根据id取name的值，取其中某个属性的值，下面来一一说明。

      1）根据id取span、td、input的值

            $("#spanId").html();    或者 $("#spanId").text();

            $("#tdId").html();        或者 $("#tdId").textl();

      2）根据name取span、td、input的值

            $("span [name='spanName']").html();  或者  $("span [name='spanName']").text();

            $("td[name='']).html();            或者 $("td[name='']).html();

     赋值的方式与取值有点类似：

       3）根据id给span、td、input赋值

            $("#spanId").html("hello");    或者 $("#spanId").text("hello");

            $("#tdId").html("hello");        或者 $("#tdId").textl("hello");

       4）根据name给span、id、input为text赋值

            $("span [name='spanName']").html("hello");  或者  $("span [name='spanName']").text("hello");

            $("td[name='']).html("hello");            或者 $("td[name='']).html("hello");

       5）给span、td、input等添加一些自定义的属性和取值

            例如：给上面的span、input添加一个属性：userName

                        $("#spanId").attr("userName");

                        $("#inputId1").attr("userName");

                      给userName赋值：

                        $("#spanId").attr("userName","河小鱼");

                        $("#inputId1").attr("userName","河小鱼");

                      删除userName属性：

                        $("#spanId").removeAttr("userName");

                        $("#inputId1").removeAttr("userName");

      2.获取input type为radio的选中的值

           由于是单选框，所以给两个radio相同的name，如下：

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

      3.获取select的选中值

            $("#selectId").find("option:selected").val();  注意：这里得到的是选中的option的value值，要得到文本值，则需                要：     $("#selectId").find("option:selected").text();

         

转载于:https://my.oschina.net/xiaoyuHe/blog/392098