js、jquery操作html控件
2014-03-25 12:43
260 查看
1、js判断radio 是否选中
if(document.getElementById("radio1").checked)
{
alert("选中");
}
取消radio 选择
document.getElementById("radio1").checked = false;
2、js中修改img中的src路径
var pic=document.getElementById('picImg');
pic.src="file/images/"+str.split(":")[1]+"";
3、js去除html标签 正则表达式
var str = "<span style="display:none;" mce_style="display:none;">This is test</span><img src=''></img><strong></strong><br/>";
str = str.replace(/<[^>].*?>/g,"");
alert(str);
4、tr onClick事件 点击改变tr 背景色
<tr id="1" onClick=" changecolor(this,1)"></tr>
//获取id
function changecolor(a,id)
{
$("#orderId").val(id);
var lng=document.all.tags(a.tagName).length;
for(var i=0;i<lng;i++){
var temp=document.all.tags(a.tagName)[i];
if(a==temp){
//选中的标签样式
temp.style.background="#ccc";
}else{
//恢复原状
temp.style.background="";
}
}
}
5、js或jquery中直接提交form表单
jquery:$("#test").submit();
js:document.getElementById("test").submit();
if(document.getElementById("radio1").checked)
{
alert("选中");
}
取消radio 选择
document.getElementById("radio1").checked = false;
2、js中修改img中的src路径
var pic=document.getElementById('picImg');
pic.src="file/images/"+str.split(":")[1]+"";
3、js去除html标签 正则表达式
var str = "<span style="display:none;" mce_style="display:none;">This is test</span><img src=''></img><strong></strong><br/>";
str = str.replace(/<[^>].*?>/g,"");
alert(str);
4、tr onClick事件 点击改变tr 背景色
<tr id="1" onClick=" changecolor(this,1)"></tr>
//获取id
function changecolor(a,id)
{
$("#orderId").val(id);
var lng=document.all.tags(a.tagName).length;
for(var i=0;i<lng;i++){
var temp=document.all.tags(a.tagName)[i];
if(a==temp){
//选中的标签样式
temp.style.background="#ccc";
}else{
//恢复原状
temp.style.background="";
}
}
}
5、js或jquery中直接提交form表单
jquery:$("#test").submit();
js:document.getElementById("test").submit();
相关文章推荐
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件
- Jquery和Js如何在页面触发回车事件(或者其他html控件)
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件
- jQuery学习笔记(在js中增加、删除及定位控件的操作)
- [Html JS] jQuery锚点跳转及相关操作 IE10 11 下兼容性问题
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件
- 整理发布html的select控件实用js操作
- jquery下操作HTML控件的实现代码
- JQuery对html控件操作总结
- JQuery对基本Html控件的操作
- JQuery对基本Html控件的操作TextBox、Select、Radio、CheckBox
- js,onblur后下一个控件获取焦点判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval
- 整理发布html的select控件实用js操作
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件 (转)
- jQuery之基本Html控件操作
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件 【转】http://www.cnblogs.com/lxblog/archive/2013/01/09/2853056.html
- html的select控件实用js操作
- JQuery对html控件操作总结
- 整理发布html的select控件实用js操作