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

最新推荐文章于 2022-02-26 19:19:51 发布

Trinea

最新推荐文章于 2022-02-26 19:19:51 发布

阅读量1.5k

点赞数

分类专栏： Web Html Css Js 文章标签： jquery input action function login url

本文链接：https://blog.csdn.net/trinea/article/details/5753107

版权

Web Html Css Js 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

1.读取复选框

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

$("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();

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.表单提交的问题

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

传统做法：

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 元素；可以看出有@开头的就表示后面跟的是属性。