jQuery读写复选框，文本框，单选框,textarea,img

1.读取复选框

假设一个复选框的名字为multiValue,读取选中的复选框的值方法为：

<input type="checkbox" name="multiValue" value="123">

<input type="checkbox" name="multiValue" value="234">

$("input[@name=multiValue][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出

              alert($(this).val());

              });  

2.判断一个复选框是否被选中

if($("#hope").attr("checked")==true)注意:true不用加引号。

2.写复选框

$('input[@name=mulanswer]').get(0).checked = true; //第一个复选框被选中。下标从0开始。

3.向复选框中加入记录

$("<option value='111'>111</option>").appendTo("#contestName")

3.读取单选框 

str="input[@name=opt"][@checked]";

alert($(str).val());//($(str).val())的值是选中的。

4.写单选框

$('input[@name=singleAnswer]').get(i).checked = true; //i是下标，表示第几个选项被选中。

3.读取所有id是blank的内容：

//使用模糊查询读取所有id是以blank开头的

$("input[id^=blank"+(i+1)+"]").each(function(){ 

alert($(this).val());          

 }); 

4.读取textarea的值：

方法一：$("[@name=hope]").text();

方法二：$("#test").text();

方法三：$("textarea[id=test]").text();

方法四：$("textarea[@name=hope]").text();

方法五：$("textarea[@id=test]").text();   

<textarea name="hope" rows="10" columns="10" id="test"></textarea>

 5.写入下拉列表

$("#questionType").attr("value",'单项选择');当前选中单项选择这个项

questionType这个空间中，有“单项选择”、“多项选择”、“填空”、“简答”四种类型，

 

6.修改一个控件的属性为只读

$("#competitorNameId").attr("disabled","true");

7.去掉一个控件的只读属性（可写）

$("#competitorNameId").removeAttr('disabled');

8.当点击+这个图片的时候会展开它的信息，同时+这个图片变成-这个图片

 

if($("#myImg").attr("src")=="http://localhost:8080/PartyDeveloper/images/collapse.gif")

{

$("#myImg").attr("src","http://localhost:8080/PartyDeveloper/images/expand.gif");

}

9.超链接

比如：<a href="index.jsp" id="one">返回主页</a>

var url=$('#one').attr("href");//得到href=""引号中的值，即得到index.jsp

alert("url:"+url)

 $('#one').attr('href', '1234');//设置href=""引号中的值,即设置href="1234"

 alert($("#one").text())//<a ></a>得到<a></a>之间的值，即得到“返回主页”

 $("#one").text("haha ,I am hope")//设置<a></a>之间的值，即设置为haha,I am hope

10.表单提交的问题

<form action="" name="form" id="hope" method="post">

</form>

    $("#hope").attr("action","studentInfo.jsp");//设置表单的action

    $("#hope").submit();//提交表单

传统做法：

<form action="" name="form" id="hope" method="post">

<input type="submit" name="login" id="login" value="登录">

</form>

document.form.action="studentInfo.jsp";

document.form.submit();

 11.JQuery操作Select下拉列表

<select name="sel" id="sel">     <option value="1">1</option>     <option value="2" selected="selected">我被选中了</option>     <option value="3">2</option> </select> <script>     alert($("select[@name='sel'] option[@selected]").text());     $("#sel").val(’2′);     alert($("select[@name='sel'] option[@selected]").text());//得到被选中的值     alert($("select[@name='sel'] option[@selected]").val());//得到value的值 </script> 查询被选中的option中的内容当然也可以用  alert($("#sel option[@selected]").text()); 值可以使用： alert($("#sel option[@selected]").val()); 稍微解释一下: select[@name='sel'] option[@selected] 表示具有name 属性，并且该属性值为’sel’ 的select元素 里面的具有selected 属性的option 元素；可以看出有@开头的就表示后面跟的是属性。 注： 匹配包含给定属性的元素。注意，在jQuery 1.3中，前导的@符号已经被废除！如果想要兼容最新版本，只需要简单去掉@符号即可。