经常要用到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();