<input type="radio" name="cityNo" value="010" >北京
-
-
<input type="radio" name="cityNo" value="021" >上海
-
-
<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
分享到:
相关推荐
6. **压缩和非压缩版本**:提供的 `jquery.editable-select.js` 和 `jquery.editable-select.min.js` 分别是未压缩和压缩后的版本。在开发阶段,可以使用未压缩版方便调试,而在生产环境中,压缩版可以减少文件大小...
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...
`loadOptionsForSelect1`和`loadOptionsForSelect2`是假设的函数,它们负责根据所选的radio按钮值从服务器获取数据,并更新对应的select下拉列表。实际应用中,这些函数可能涉及到Ajax请求,如使用`$.ajax`或`$.get`...
此为jquery.editable-select插件的使用案例,这是一款非常好用的插件,好用之处:既可下拉框选择也可手动输入,而且手动输入还能对下拉框选项进行过滤,而且还可实现一些相关事件,具体请查看官方文档。
jQuery combo-select通常由两部分构成:一个下拉列表(select)和一个文本输入框(input)。当用户点击输入框时,下拉列表会展开,用户可以通过输入关键字来筛选选项。这种设计充分利用了下拉列表的结构化数据优势和...
本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...
1. 在页面中引入jQuery库和jQuery-ComboSelect插件的JavaScript及CSS文件。 2. 初始化插件,指定要增强的下拉选择框元素,并设置相应的配置项,如是否开启多选、是否显示搜索框等。 3. 可选地,通过监听插件提供的...
在本主题中,我们将关注一个名为"jQuery Editable Select"的插件,它允许用户在选择框中直接编辑和输入。 jQuery Editable Select 是一个轻量级且高度可定制的插件,基于流行的JavaScript库jQuery构建。它提供了一...
在网页设计中,radio(单选按钮)和checkbox(复选框)是常见的表单元素,用于收集用户的选择信息。然而,原生的HTML radio和checkbox样式通常较为简单,不符合现代网页美观的需求。jQuery,一个广泛使用的...
`SelectMenu.js` 提供了一些可选参数和方法,用于自定义行为和获取用户选择。例如,可以设置默认选中项,禁用特定选项,或者监听选中事件: ```javascript // 设置默认选中项 $('select').selectmenu({selected: 2}...
在开始使用`Select2`之前,确保已经引入了`jQuery`库和`Select2`的CSS与JS文件。通常情况下,你可以在项目中添加以下链接: ```html <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/...
jQuery.editable-select-master是一款基于jQuery的可编辑下拉菜单插件,它为用户提供了一种灵活、可定制的方式来创建和管理下拉选项,同时提供了丰富的功能和良好的用户体验。 jQuery.editable-select-master的核心...
总之,`jquery.multi-select.js`是提高网页中多选下拉框用户体验的有效工具,它结合了jQuery的强大功能和易用性,使得Web开发变得更加简单和高效。无论是初学者还是经验丰富的开发者,都能从中受益。
在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...
jQuery Editable Select 是一个轻量级的插件,由两部分组成:`jquery.editable-select.min.css` 和 `jquery.editable-select.min.js`。这两个文件分别是CSS样式表和JavaScript脚本,它们共同实现了这个强大的功能...
5. **易用性**:通过简单的jQuery选择器和方法调用即可实现,如`$('select').comboSelect()`,使得集成到现有项目中非常便捷。 ### 使用步骤 1. **引入资源**:首先在HTML文件中引入jQuery库和`Combo Select`插件...
总结来说,"jQuery下拉框美化插件selectList"是提升网站用户体验的一个有效工具,它通过简单的API和丰富的定制选项,使开发者能够快速创建出美观且功能强大的下拉框组件。无论是个人项目还是企业级应用,selectList...
总结来说,`jquery.easydropdown.min.js`插件通过jQuery实现了Select元素的自定义样式和增强功能,让开发者能够轻松创建美观且互动性强的下拉菜单。配合其他辅助文件,如CSS样式和配置文件,可以进一步优化用户体验...
`jQuery手机下拉框select` 主要关注于改善移动端的用户体验,通过JavaScript和CSS增强下拉框的外观和功能。 ### jQuery Mobile Select Menu jQuery Mobile 提供了一个专门的 Select Menu 插件,用于将标准的...