`

JQuery验证radio和select选中等

阅读更多

<input type="radio" name="cityNo" value="010" >北京  

  1.   
  2. <input type="radio" name="cityNo" value="021" >上海  
  3.   
  4. <input type="radio" name="cityNo" value="020" >广州  

 

 

那么jquery如果要让“上海”被选中只要写成

 $(":radio[name=cityNo]").val(['021']);

或是  $(":input[name=cityNo]").val(['021']);  注意这里要写成  ['021'],是数组形式,因为初始化的时候可以选中多个。

如果要让北京和上海同时选中呢   只要写成    $(":input[name=cityNo]").val(['010','021']); 

如果是复选框呢,也是一样的。

如果是下拉选择框,看下边:

<select name="city">

      <option value="010">广州</option>

      <option value="021">上海</option>

      <option value="020">广州</option>

</select>

如果要选中“上海”,只需要写成  $(":select[name=city]").val('021'); 注意这里不是数组,因为默认只能选中一个! 

可以看到这种方式只需把值放在js中,而不用再在jsp出现c:if这种判断的标签了,很大的提高了开发速度,也简化了代码的复杂性。

 

摘自:http://blog.csdn.net/blliy117/article/details/5680570

分享到:
评论

相关推荐

    jquery.editable-select

    6. **压缩和非压缩版本**:提供的 `jquery.editable-select.js` 和 `jquery.editable-select.min.js` 分别是未压缩和压缩后的版本。在开发阶段,可以使用未压缩版方便调试,而在生产环境中,压缩版可以减少文件大小...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    jquery操作Radio、Checkbox、Select Demo

    这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...

    Jquery实现select下拉列表根据radio选项级联

    `loadOptionsForSelect1`和`loadOptionsForSelect2`是假设的函数,它们负责根据所选的radio按钮值从服务器获取数据,并更新对应的select下拉列表。实际应用中,这些函数可能涉及到Ajax请求,如使用`$.ajax`或`$.get`...

    jquery.editable-select插件使用案例

    此为jquery.editable-select插件的使用案例,这是一款非常好用的插件,好用之处:既可下拉框选择也可手动输入,而且手动输入还能对下拉框选项进行过滤,而且还可实现一些相关事件,具体请查看官方文档。

    jQuery美化radio和checkbox

    在网页设计中,radio(单选按钮)和checkbox(复选框)是常见的表单元素,用于收集用户的选择信息。然而,原生的HTML radio和checkbox样式通常较为简单,不符合现代网页美观的需求。jQuery,一个广泛使用的...

    Jquery combo-select

    jQuery combo-select通常由两部分构成:一个下拉列表(select)和一个文本输入框(input)。当用户点击输入框时,下拉列表会展开,用户可以通过输入关键字来筛选选项。这种设计充分利用了下拉列表的结构化数据优势和...

    JQuery 自定义 radio与checkbox

    本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...

    jQuery-ComboSelect插件

    1. 在页面中引入jQuery库和jQuery-ComboSelect插件的JavaScript及CSS文件。 2. 初始化插件,指定要增强的下拉选择框元素,并设置相应的配置项,如是否开启多选、是否显示搜索框等。 3. 可选地,通过监听插件提供的...

    select选择框控件jquery-editable-select支持编辑输入

    在本主题中,我们将关注一个名为"jQuery Editable Select"的插件,它允许用户在选择框中直接编辑和输入。 jQuery Editable Select 是一个轻量级且高度可定制的插件,基于流行的JavaScript库jQuery构建。它提供了一...

    jquery下拉菜单插件SelectMenu

    `SelectMenu.js` 提供了一些可选参数和方法,用于自定义行为和获取用户选择。例如,可以设置默认选中项,禁用特定选项,或者监听选中事件: ```javascript // 设置默认选中项 $('select').selectmenu({selected: 2}...

    jQuery获取Select选择的Text和_Value

    jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...

    jquery select2组件

    在开始使用`Select2`之前,确保已经引入了`jQuery`库和`Select2`的CSS与JS文件。通常情况下,你可以在项目中添加以下链接: ```html &lt;link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/...

    下拉菜单jquery.editable-select-master

    jQuery.editable-select-master是一款基于jQuery的可编辑下拉菜单插件,它为用户提供了一种灵活、可定制的方式来创建和管理下拉选项,同时提供了丰富的功能和良好的用户体验。 jQuery.editable-select-master的核心...

    jQuery多选下拉框插件

    总之,`jquery.multi-select.js`是提高网页中多选下拉框用户体验的有效工具,它结合了jQuery的强大功能和易用性,使得Web开发变得更加简单和高效。无论是初学者还是经验丰富的开发者,都能从中受益。

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    jquery.editable-select.min的css与js

    jQuery Editable Select 是一个轻量级的插件,由两部分组成:`jquery.editable-select.min.css` 和 `jquery.editable-select.min.js`。这两个文件分别是CSS样式表和JavaScript脚本,它们共同实现了这个强大的功能...

    jQuery下拉查询筛选插件Combo Select

    5. **易用性**:通过简单的jQuery选择器和方法调用即可实现,如`$('select').comboSelect()`,使得集成到现有项目中非常便捷。 ### 使用步骤 1. **引入资源**:首先在HTML文件中引入jQuery库和`Combo Select`插件...

    jQuery下拉框美化插件selectList.rar

    总结来说,"jQuery下拉框美化插件selectList"是提升网站用户体验的一个有效工具,它通过简单的API和丰富的定制选项,使开发者能够快速创建出美观且功能强大的下拉框组件。无论是个人项目还是企业级应用,selectList...

    jquery 封装select实现select自定义样式插件jquery.easydropdown.min.js

    总结来说,`jquery.easydropdown.min.js`插件通过jQuery实现了Select元素的自定义样式和增强功能,让开发者能够轻松创建美观且互动性强的下拉菜单。配合其他辅助文件,如CSS样式和配置文件,可以进一步优化用户体验...

Global site tag (gtag.js) - Google Analytics