js使用循环清空某个div中的input标签值

HTML页面

<div class="col-xs-9" id="search_songs_a">
<table>
<tbody>
<tr>
<th>钢琴曲名称：</th>
<td><input type="text" name="info[gqq_name]" id="gqq_name" style="width:200px;"/></td>
<th style="padding-left:10px;">演奏者：</th>
<td><input type="text" name="info[gqq_player]" id="gqq_player" style="width:200px;"/></td>
</tr>
</tbody>
</table>
lt;/div> 

<div class="col-xs-9" id="search_songs_b">
<table>
<tbody>
<tr>
<th>属 性：</th>
<td>
<span><input type="radio" name="info[gqq_shuxing]" value="不限" checked="checked"/><label>不限</label></span>
<span><input type="radio" name="info[gqq_shuxing]" value="流行钢琴曲"/><label>流行钢琴曲</label></span>
<span><input type="radio" name="info[gqq_shuxing]" value="古典钢琴曲"/><label>古典钢琴曲</label></span>
<span><input type="radio" name="info[gqq_shuxing]" value="爵士钢琴曲"/><label>爵士钢琴曲</label></span>
<span><input type="radio" name="info[gqq_shuxing]" value="钢琴练习曲"/><label>钢琴练习曲</label></span>
</td>
</tr>
</tbody>
</table>
lt;/div>

js页面

//清空钢琴曲搜索条件
function clearsongs()
{
$("#search_songs_a :input").each(function () {
$(this).val("");
});
$("input[name='info[gqq_shuxing]'][value='不限']").attr("checked",true);
}
赞 (0)

相关推荐

  • JavaScript和JQuery获取DIV值的方法示例

    JavaScript和JQuery获取DIV值的方法示例

    本文实例讲述了JavaScript和JQuery获取DIV值的方法.分享给大家供大家参考,具体如下: 1.示例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

  • JS实现DIV容器赋值的方法

    本文实例讲述了JS实现DIV容器赋值的方法.分享给大家供大家参考,具体如下: 给某个DIV容器赋值js函数,ajax中使用,支持ie和firefox <script> function setValueForDiv(id,content) { var element = document.getElementById(id); element.innerHTML = unescape(content); if(!element.innerHTML) { try{ element.innerHT

  • 原生js和jQuery随意改变div属性style的名称和值

    一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0;} body{color:#3

  • js 为label标签和div标签赋值的方法

    在html中,label是没有value属性的, 他与div以及其他大部分html元素一样,有innerText和innerHTML属性 不能document.getElementByID("test").value="chenhuang"; 应该是下面的 复制代码 代码如下: <labelid="test"></label>document.getElementById(test).innerText="&qu

  • jQuery给div,Span, a ，button, radio 赋值与取值

    jquery给div的innerHTML赋值 $("#id").html()="test"; //或者 $("#id").html("test"); jquery 获取<a>的链接内容 $().innerHTML jquery 给span 赋值 $('#hiddenNote').text('getSpanValues'); span取值 $('#hiddenNote').text(); jquery 给标签butt

  • js动态设置div的值下例子

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

  • JS值当前DIV的ID值的代码

    在ie里,可以通过var sltid=event.srcElement.id来得到你要的id 如果要兼容,则须换一种绑定事件处理函数的方式: window.onload=function(){ var d=document.getElementsByTagName("div")[0]; d.onclick=function(){ alert(this.id); }; }; top [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • jQuery实现随意改变div任意属性的名称和值(部分原生js实现)

    一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置.代码如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0;} bo

  • 利用JQuery+EasyDrag 实现弹出可拖动的Div，同时向Div传值，然后返回Div选中的值

    利用JQuery+EasyDrag 实现弹出可拖动的Div，同时向Div传值，然后返回Div选中的值

    原来我们要写一个客户端的特效,要写一两天的JavaScript,然后再调试一两天,才可以看见端倪.现在我们只要使用JQuery和他的 plugin,就可以任意的实现我们脑海中的特效,感谢他们的编写者对人类的贡献(一百个西红柿砸过来..............). 我今天实现的需求是一个需要从列表页面中选择要导出到word中的列,然后在将选中列的内容导出到word中,同时为了增加通用性,列的个数不是固定的,也就是说这张表格可能是4列,也可能是5列,待选择的列数目不固定.例如:有下面的一张表格,然后

  • 原生js实现改变随意改变div属性style的名称和值的结果

    一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置.代码如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0;} bo

  • jquery设置text的值示例(设置文本框 DIV 表单值)

    jquery设置内容 - text().html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 下面的例子演示如何通过 text().html() 以及 val() 方法来设置内容: 实例 复制代码 代码如下: $("#btn1").click(function(){$("#test1").te

随机推荐