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

 更新时间:2014年09月29日 17:16:39   投稿:whsnow  
清空div中input标签值的方法有很多,下面为大家介绍下使用循环清空某个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); 
}

相关文章

  • 深入浅出理解JavaScript闭包的功能与用法

    深入浅出理解JavaScript闭包的功能与用法

    这篇文章主要介绍了深入浅出理解JavaScript闭包的功能与用法,结合实例形式从变量、函数的内部属性与作用域链分析了javascript闭包的相关概念、功能与使用技巧,需要的朋友可以参考下
    2018-08-08
  • Javascript中的包装类型介绍

    Javascript中的包装类型介绍

    这篇文章主要介绍了Javascript中的包装类型介绍,包装类型是指在执行代码的一瞬间把数据包装成引用类型,本文讲解的就是这个小知识,需要的朋友可以参考下
    2015-04-04
  • js+html5实现可在手机上玩的拼图游戏

    js+html5实现可在手机上玩的拼图游戏

    这篇文章主要介绍了js+html5实现可在手机上玩的拼图游戏,涉及javascript结合html5进行图形操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 利用JS实现scroll自定义滚动效果详解

    利用JS实现scroll自定义滚动效果详解

    这篇文章主要给大家介绍了关于利用JS如何实现scroll自定义滚动效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • 纯js实现html转pdf的简单实例(推荐)

    纯js实现html转pdf的简单实例(推荐)

    下面小编就为大家带来一篇纯js实现html转pdf的简单实例(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 微信小程序页面调用自定义组件内的事件详解

    微信小程序页面调用自定义组件内的事件详解

    这篇文章主要介绍了微信小程序页面调用自定义组件内的事件详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 利用原生JS与jQuery实现数字线性变化的动画

    利用原生JS与jQuery实现数字线性变化的动画

    最近在工作中遇到一个需要,需要将数字实现递增的动态显示,从网上找了相关的资料发现利用原生JS与jQuery都可以实现,suoyi8下面这篇文章主要给大家介绍了利用原生JS与jQuery实现数字线性变化动画的相关资料,需要的朋友可以参考下。
    2017-02-02
  • javascript中利用柯里化函数实现bind方法【推荐】

    javascript中利用柯里化函数实现bind方法【推荐】

    下面小编就为大家带来一篇javascript中利用柯里化函数实现bind方法【推荐】。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-04-04
  • js获取input标签的输入值实现代码

    js获取input标签的输入值实现代码

    input标签的输入值通过js进行获取,部分标签和类是封装在框架内的,其效果和html标签差不多,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • js实现简单的日历显示效果函数示例

    js实现简单的日历显示效果函数示例

    这篇文章主要介绍了js实现简单的日历显示效果函数,结合完整实例形式分析了JavaScript实现的日历功能相关原理与具体操作技巧,需要的朋友可以参考下
    2019-11-11

最新评论