jquery 拖动选择性别,实时显示结果

最新推荐文章于 2024-09-24 21:11:24 发布

iteye_19312

最新推荐文章于 2024-09-24 21:11:24 发布

阅读量511

点赞数

文章标签： javascript ViewUI

本文介绍了一个使用jQuery实现的拖拽式性别选择器，通过拖动选择男性或女性图标，并实时更新选择结果。此示例展示了如何结合HTML和jQuery来创建交互式的用户界面元素。

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

jquery 拖动选择性别,实时显示结果

演示

   XML/HTML Code
  

   <div class="container">  
<div class="row">  
<div class="span1 offset4 female"> <img src='demos/female.png' class='gender' gender='female' /> </div>  
<div class="span2">  
<select id='switch-me'>  
<option value='female'>female</option>  
<option value='' selected="selected"></option>  
<option value='male'>male</option>  
</select>  
</div>  
<div class="span1"> <img src='demos/male.png' class='gender' gender='male' /> </div>  
</div>  
<div class='row'>  
<div class='span12' id="console"> </div>  
</div>  
</div>  

  