`

JQuery:单选框,复选框取值

阅读更多
  1. input type="checkbox" name="cbType1" id="cbType4" value="4" checked />4
  2. <br/>
  3. <input id="bt_checkbox" type="button" value="多选框测试">
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6.         $("#bt_checkbox").click(function(){
  7.                     var aa="";
  8.                     $("input[@name=cbType1][@checked]").each(function(){
  9.                                 aa+=$(this).val()+",";
  10.                     })
  11.                     alert(aa);
  12.         })
  13. })
  14. </script>           
  15. </div>
  16. <br />
  17. <div style="width:100%; border:solid 1px #0000ff; line-height:25px">
  18. <input type="checkbox" name="cbType2" id="cbType21" value="1" checked/>1&nbsp;&nbsp;&nbsp;&nbsp;
  19. <input type="checkbox" name="cbType2" id="cbType22" value="2" />2&nbsp;&nbsp;&nbsp;&nbsp;
  20. <input type="checkbox" name="cbType2" id="cbType23" value="3" checked />3&nbsp;&nbsp;&nbsp;&nbsp;
  21. <input type="checkbox" name="cbType2" id="cbType24" value="4" checked />4
  22. <br/>
  23. <input id="bt_checkbox2" type="button" value="多选框测试2">
  24. <script type="text/javascript">
  25. $(document).ready(function(){
  26.         $("#bt_checkbox2").click(function(){
  27.                     var aa="";
  28.                     $("input[@name=cbType2]").each(function(){
  29.                             if(this.checked){
  30.                                     aa+=this.value+",";
  31.                             }
  32.                     })
  33.                     alert(aa);
  34.         })
  35. })
  36. </script>
  37. </div>
分享到:
评论

相关推荐

    jquery 复选框组件

    jQuery UI提供了一套完整的UI元素样式,包括自定义的复选框和单选按钮。 #### jQuery UI Multiselect 插件 jQuery UI Multiselect是jQuery UI的一个扩展,它将传统的多选框转变为可配置的下拉列表,提升了用户体验...

    jQuery操作复选框(CheckBox)的取值赋值实现代码

    在JavaScript的世界里,jQuery库提供了一种简便的方式来操作DOM元素,包括复选框(Checkbox)。复选框在网页表单中常用于用户多选选项,本文将深入探讨如何使用jQuery来获取、设置复选框的值,并进行相关操作。 1. ...

    单选按钮和复选框按钮

    在IT界,尤其是在软件开发和用户界面设计中,单选按钮(Radio Button)和复选框(Checkbox)是两种常见的控件,它们用于收集用户的输入信息。这两种控件在网页、桌面应用程序和移动应用中广泛使用,为用户提供了一种...

    jquery表单元素取值

    本文将详细介绍如何使用jQuery来获取表单中的不同元素(如下拉列表、单选按钮、复选框等)的值。 #### 二、基础概念 在深入探讨具体实现之前,先了解一些基础概念: - **选择器**:jQuery提供了一种灵活的方式来...

    jquery取值.docx

    - `$("#checkbox_id").attr("value")` 用于获取复选框或单选框的值。`attr()` 方法用于获取或设置元素的属性值。 2. **下拉列表操作**: - 获取下拉列表的值:`$("#select_id")[0].selectedIndex` 返回选中的选项...

    jquery取值.pdf

    对于复选框(checkbox): ```javascript // 获取值 var checkboxval = $("#checkbox_id").attr("value"); // 操作状态 $("#checkbox_id").attr("checked", ''); // 未勾选 $("#checkbox_id").attr("checked", true...

    jQuery 取值、赋值的基本方法.pdf

    - `$("#chk_id").attr("checked", '')` 或 `$("#chk_id").removeAttr("checked")` 取消复选框的选中状态。 - `$("#chk_id").attr("checked", true)` 设置复选框为选中状态。 - 判断复选框是否选中:`if ($("#chk_...

    js框架Jquery知识讲解

    - 例如,`:checked`选取被选中的复选框或单选按钮,`:selected`选取被选中的下拉选项。 通过学习和熟练掌握jQuery,开发者可以大大提高前端开发效率,实现复杂页面效果和动态交互,是现代Web开发不可或缺的工具之...

    jQuery 取值、赋值的基本方法.docx

    - `$("#checkbox_id").attr("value")` 获取复选框的值。 - `$('#select_id').val()` 获取下拉列表(SELECT)被选中项的值。 2. **赋值方法**: - `$("#text_id").attr("value", '')` 清空文本框或文本区域的内容...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    jQuery对html元素取值与赋值的方法

    - 取值:`$("#checkbox_id").attr("value")`获取ID为`checkbox_id`的复选框的值。 - 勾选/取消勾选:`.attr("checked",true)`用于勾选,`.attr("checked",false)`或`.attr("checked", '')`用于取消勾选。 - 判断...

    jquery 表单取值常用代码

    - 若要设置复选框或单选框为选中状态,可以使用.attr("checked", true),取消选中则使用.attr("checked", false)或.removeAttr("checked")。 - 判断单选框或复选框是否被选中,可以使用attr("checked")来检查,...

    jQuery对表单元素的取值和赋值操作代码

    - 获取复选框的值:`var checkboxval = $("#checkbox_id").attr("value")`。 5. **下拉列表(Select)的取值**: - 获取下拉列表的值:`var selectval = $('#select_id').val()`。 6. **下拉列表的操作**: - ...

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

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

    jquery汇总

    - **取复选框值**:`var checkboxVal = $("#checkbox_id").attr("value");` 使用`attr()`方法可以获取指定的属性值。 - **取单选按钮值**:`var valRadio = $("input[@type=radio][@checked]").val();` 此处使用了...

    jquery学习

    在jQuery中,处理表单元素,特别是像单选按钮(radio)、复选框(checkbox)和下拉选择(select)这样的交互元素,是常见的需求。下面我们将详细探讨jQuery中如何对这些元素进行取值、设置选中状态以及其他相关操作...

    JQuery表单元素取值赋值方法总结

    在网页开发中,jQuery 是一个...对于复选框,可以通过 `.attr("value")` 来获取其值,使用 `.attr("checked")` 来检查是否被选中。例如: ```html &lt;input type="checkbox" name="check" value="A" id="checkbox_id1"&gt;A ...

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    特别是对于RadioButton(单选按钮)、input(输入框)和CheckBox(复选框)这些表单元素,jQuery提供了非常便捷的方法来获取和设置它们的值。本文将详细介绍如何使用jQuery对这些表单元素进行取值和赋值操作。 首先...

    Jquery 表单取值赋值的一些基本操作

    - `E:checked`: 选取选中的表单元素,如单选按钮或复选框。 - `E:visible`, `E:hidden`: 选取可见或隐藏的元素。 此外,还有其他一些选择器如`E:eq(n)`, `E:gt(n)`, `E:lt(n)`,它们用于按索引选取元素。`E:first`...

Global site tag (gtag.js) - Google Analytics