jQuery 读写复选框 文本框 单选框

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.向复选框中加入记录

$("<optionvalue='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 amhope")//设置<a></a>之间的值,即设置为haha,Iam 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">
   <optionvalue="1">1</option>
   <option value="2"selected="selected">我被选中了</option>
   <optionvalue="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($("#seloption[@selected]").text());

值可以使用:

alert($("#seloption[@selected]").val());

稍微解释一下:
select[@name='sel'] option[@selected] 表示具有name 属性,并且该属性值为’sel’的select元素 里面的具有selected 属性的option 元素;可以看出有@开头的就表示后面跟的是属性。

你可能感兴趣的:(jQuery 读写复选框 文本框 单选框)