jquery 输入框，单选按钮，下拉列表和复选框的使用

最新推荐文章于 2022-07-12 21:22:24 发布

CGGAO

最新推荐文章于 2022-07-12 21:22:24 发布

阅读量183

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/latter/p/5434838.html

本文介绍了如何使用JavaScript操作不同类型的HTML元素的值，包括文本框、单选按钮、下拉选择框及复选框等。通过示例代码详细展示了获取与设置这些元素值的具体方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、text ----<input id="12" type="text"/>

　　　　　　取值：$.("#id").val();

　　　　　　放值：$.("#id").val("zhi");

2、radio ----<div id="sex">
　　　　　　　　<input id="sex0" type="radio" name="add_sex" value="0" checked="checked" />男
　　　　　　　　<input id="sex1" type="radio" name="add_sex" value="1" />女
　　　　　　</div>

　　　　取值：$('#sex input[name="add_sex"]:checked ').val(),

　　　　放值：//性别
　　　　if(data.rows[0].sex == "0"){
　　　　　　$('#sex0').attr("checked",true);
　　　　}else{
　　　　　　$('#sex1').attr("checked",true);
　　　　}

3、selecte------<input id="add_responsiblegrid" class="easyui-combobox" style="width: 166px;" />

　　取值： $('#add_responsiblegrid').combobox('getValue'),
　　　　放值：$('#add_position').combobox("setValue",data.rows[0].positionid);

4、checkbox-------<input type="checkbox" value="1" id="checkbox1">正常
　　　　　　　　　　<input type="checkbox" value="2" id="checkbox2">停运
　　　　　　　　　　<input type="checkbox" value="3" id="checkbox3">偷排

　　　　　　　　取值：for(var i=1; i<=5;i++){
　　　　　　　　　　　　if($("#checkbox"+i).is(":checked")){
　　　　　　　　　　　　　　　　str +=i+",";
　　　　　　　　　　　　　　}
　　　　　　　　　　　　}

转载于:https://www.cnblogs.com/latter/p/5434838.html