Jquery 操作checkbox等
2013-02-25 13:00
211 查看
1.假如我们有如下页面
〈input type="text" name="textname" id="text_id" value=""〉
其余的请自行添加.重要的是要有TYPE、NAME、ID等
2.下面来看怎么取得FORM中的各种值
function get_form_value()
{
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]").val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表的值*/
var selectval = $('#select_id').val();
}
3.另外对表单的其他处理:
//控制表单元素:
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("〈option value='test'〉test〈/option〉〈option value='test2'〉test2〈/option〉").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框
〈input type="text" name="textname" id="text_id" value=""〉
其余的请自行添加.重要的是要有TYPE、NAME、ID等
2.下面来看怎么取得FORM中的各种值
function get_form_value()
{
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]").val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表的值*/
var selectval = $('#select_id').val();
}
3.另外对表单的其他处理:
//控制表单元素:
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("〈option value='test'〉test〈/option〉〈option value='test2'〉test2〈/option〉").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框
相关文章推荐
- jQuery获取,遍历和操作表单元素Select,checkbox,radio
- jQuery获取form中Select/textarea/checkbox/radio选择的Text和Value等其他常见操作
- jquery系列之prop、attr以及对checkbox的操作
- jquery操作复选框(checkbox)
- jquery关于checkbox选中操作
- jquery 操作checkbox只能使用一次
- jQuery 操作复选框(checkbox) attr checked不起作用
- jquery操作复选框(checkbox)的12个小技巧总结
- jQuery操作radio、checkbox、select
- 关于jQuery操作复选框checkbox的attr无效的问题的解决方案
- jQuery中获取checkbox选中项等操作及注意事项
- jquery操作checkbox示例分享
- jQuery获取checkbox选中项等操作及注意事项
- JQuery操作checkbox
- jQuery 操作复选框(checkbox) attr checked不起作用
- Jquery—JQuery对checkbox的操作(01)
- checkbox日常jquery操作
- jquery操作radio和checkbox
- jQuery 操作 select,dropdownlist,checkbox
- jQuery操作radio、checkbox、select总结