`
wen_xudong7
  • 浏览: 32500 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

下拉框,单选框,多选框整理

    博客分类:
  • java
阅读更多
1,下拉框:
var cc1  = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val();  //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option
稍微解释一下:
1.select[@name='country'] option[@selected] 表示具有name 属性,
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
可以看出有@开头的就表示后面跟的是属性。

2,单选框:
$("input[@type=radio][@checked]").val();  //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)

3,复选框:
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
  alert($(this).val());
  });

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾
分享到:
评论

相关推荐

    知网测试结果报告1

    2. 文献检索:此部分涉及多选框、输入框、按钮、列表、对话框和下拉框。测试者通过选择复选框、触发下拉框、输入搜索关键词和点击相关链接来验证搜索功能的正确性和可用性。 3. 知识元检索:测试了单选输入框、按钮...

    在bs开发中经常用到的javaScript技术整理

    - **复选框验证**:确认至少选中一个复选框,以及全选、多选、全不选和反选功能。 - **文件类型验证**:在文件上传时,通过检查文件扩展名来确定文件类型。 4. **字符类验证** - **字母验证**:检查字符串是否只...

    Day02 VUE资料整理

    多选框(`&lt;input type="checkbox"&gt;`)的绑定取决于初始值的类型: **数组作为初始值:** **示例代码:** ```html 唱歌 跳舞 敲代码 {{hobby}} ``` **解释:** - 如果`hobby`初始化为一个数组,则用户的...

    JavaScript操作表单_动力节点Java学院整理

    用JavaScript操作表单和操作DOM是类似的,因为表单本身也是... 单选框,对应的&lt;input type=”radio”&gt;,用于选择一项; 复选框,对应的&lt;input type=”checkbox”&gt;,用于选择多项; 下拉框,对应的

    在bs开发中经常用到的javaScript技术整理.doc

    - **单选和复选框选择验证**:检查是否有选项被选中,对于复选框还可能涉及到特定数量的选择验证。 - **文件类型验证**:在文件上传前,根据文件扩展名或MIME类型限制允许上传的文件类型。 #### 字符类 - **字母...

    第二次作业和第三次作业

    在本次作业中,需要设计单选按钮和复选按钮来显示选择框,并控制单选框元素使得只能有一个被选择。通常,具有相同name属性值的单选按钮会被编组,浏览器会确保同一组中的单选按钮只有一个可以被选中。 5. 提交和...

    网页制作基础FrontPage模拟试题2.docx

    19. HTML复选框:给定的HTML语句产生的是单选按钮,不是复选框,选项A错误。 20. 替代文本:当图片无法显示时,`alt`属性提供替代文本,选项C正确。 21. 下拉框表单:给定的HTML代码创建了一个允许多选的下拉框,...

    漂亮有质感的Layui后台模板SummerAdmin

    5. **表单构建功能**:SummerAdmin提供了强大的表单构建工具,支持各种类型的表单元素,如输入框、下拉框、单选按钮、复选框、日期选择器等,使得开发者能够快速创建和配置复杂的表单,简化了开发流程。 6. **快速...

    调查问卷Excel全搞定98121411.doc

    在“存在哪些质量问题”调查项中,可以设置多个复选框,如“屋面渗水”,每个复选框与不同的单元格链接,如单元格K50,以记录用户的多选结果。 3. **组合框**(下拉框):提供预设选项供用户选择,例如“学历”调查...

    在b/s开发中经常用到的javaScript技术整理

    - **3.5 判断单选框是否选择** ```javascript function isChecked(checkboxName) { var checkboxes = document.getElementsByName(checkboxName); for (var i = 0; i ; i++) { if (checkboxes[i].checked) ...

    struts2标签整理

    用于创建一组复选框列表。 ```jsp ``` ##### 10. `&lt;s:combobox&gt;` - 下拉列表标签 用于创建一个下拉列表。 ```jsp ``` ##### 11. `&lt;s:component&gt;` - 组件标签 用于嵌入一个组件。 ```jsp ``` ##### 12. `...

    qt常用组件库 -作者飞扬青云

    9. **QCheckBox,QRadioButton**: 用于表示二选一或多选一的复选框和单选按钮。 10. **QDialog**: 对话框组件,通常用于弹出式交互,如警告、确认、输入对话框等。 11. **QLayout**: 布局管理器,如`QVBoxLayout`, ...

    在b/s开发中经常用到的javaScript技术

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成....

    JQuery&CSS;&CSS;+DIV实例大全.rar

    18.jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例 19.jQuery漂亮Flash卡通动感菜单示例 20.jQuery漂亮动感二级网站导航菜单源码下载 21.jquery漂亮苹果系统动画效果的导航菜单示例 22.jquery...

    jQuery 取值、赋值的基本方法整理

    除了基本的取值和赋值,jQuery还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则...

    Extjs中文教程

    - 表单组件种类繁多,如文本框、复选框、单选按钮等。 - 每种组件都有其独特的用途和应用场景。 - **表单组件关系图** - 展示了不同表单组件之间的关系及其适用场景。 - 有助于理解和选择合适的组件。 - **...

Global site tag (gtag.js) - Google Analytics