`
- 浏览:
234103 次
- 性别:
- 来自:
武汉
-
-
input type="checkbox" name="cbType1" id="cbType4" value="4" checked />4
-
<br/>
-
<input id="bt_checkbox" type="button" value="多选框测试">
-
<script type="text/javascript">
-
$(document).ready(function(){
-
$("#bt_checkbox").click(function(){
-
var aa="";
-
$("input[@name=cbType1][@checked]").each(function(){
-
aa+=$(this).val()+",";
-
})
-
alert(aa);
-
})
- })
-
</script>
-
</div>
-
<br />
- <div style="width:100%; border:solid 1px #0000ff; line-height:25px">
-
<input type="checkbox" name="cbType2" id="cbType21" value="1" checked/>1
-
<input type="checkbox" name="cbType2" id="cbType22" value="2" />2
-
<input type="checkbox" name="cbType2" id="cbType23" value="3" checked />3
-
<input type="checkbox" name="cbType2" id="cbType24" value="4" checked />4
-
<br/>
-
<input id="bt_checkbox2" type="button" value="多选框测试2">
-
<script type="text/javascript">
-
$(document).ready(function(){
-
$("#bt_checkbox2").click(function(){
-
var aa="";
-
$("input[@name=cbType2]").each(function(){
-
if(this.checked){
-
aa+=this.value+",";
-
}
-
})
-
alert(aa);
-
})
- })
-
</script>
-
</div>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
jQuery UI提供了一套完整的UI元素样式,包括自定义的复选框和单选按钮。 #### jQuery UI Multiselect 插件 jQuery UI Multiselect是jQuery UI的一个扩展,它将传统的多选框转变为可配置的下拉列表,提升了用户体验...
在JavaScript的世界里,jQuery库提供了一种简便的方式来操作DOM元素,包括复选框(Checkbox)。复选框在网页表单中常用于用户多选选项,本文将深入探讨如何使用jQuery来获取、设置复选框的值,并进行相关操作。 1. ...
在IT界,尤其是在软件开发和用户界面设计中,单选按钮(Radio Button)和复选框(Checkbox)是两种常见的控件,它们用于收集用户的输入信息。这两种控件在网页、桌面应用程序和移动应用中广泛使用,为用户提供了一种...
本文将详细介绍如何使用jQuery来获取表单中的不同元素(如下拉列表、单选按钮、复选框等)的值。 #### 二、基础概念 在深入探讨具体实现之前,先了解一些基础概念: - **选择器**:jQuery提供了一种灵活的方式来...
- `$("#checkbox_id").attr("value")` 用于获取复选框或单选框的值。`attr()` 方法用于获取或设置元素的属性值。 2. **下拉列表操作**: - 获取下拉列表的值:`$("#select_id")[0].selectedIndex` 返回选中的选项...
对于复选框(checkbox): ```javascript // 获取值 var checkboxval = $("#checkbox_id").attr("value"); // 操作状态 $("#checkbox_id").attr("checked", ''); // 未勾选 $("#checkbox_id").attr("checked", true...
- `$("#chk_id").attr("checked", '')` 或 `$("#chk_id").removeAttr("checked")` 取消复选框的选中状态。 - `$("#chk_id").attr("checked", true)` 设置复选框为选中状态。 - 判断复选框是否选中:`if ($("#chk_...
- 例如,`:checked`选取被选中的复选框或单选按钮,`:selected`选取被选中的下拉选项。 通过学习和熟练掌握jQuery,开发者可以大大提高前端开发效率,实现复杂页面效果和动态交互,是现代Web开发不可或缺的工具之...
- `$("#checkbox_id").attr("value")` 获取复选框的值。 - `$('#select_id').val()` 获取下拉列表(SELECT)被选中项的值。 2. **赋值方法**: - `$("#text_id").attr("value", '')` 清空文本框或文本区域的内容...
本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...
- 取值:`$("#checkbox_id").attr("value")`获取ID为`checkbox_id`的复选框的值。 - 勾选/取消勾选:`.attr("checked",true)`用于勾选,`.attr("checked",false)`或`.attr("checked", '')`用于取消勾选。 - 判断...
- 若要设置复选框或单选框为选中状态,可以使用.attr("checked", true),取消选中则使用.attr("checked", false)或.removeAttr("checked")。 - 判断单选框或复选框是否被选中,可以使用attr("checked")来检查,...
- 获取复选框的值:`var checkboxval = $("#checkbox_id").attr("value")`。 5. **下拉列表(Select)的取值**: - 获取下拉列表的值:`var selectval = $('#select_id').val()`。 6. **下拉列表的操作**: - ...
除了基本的取值和赋值,jQuery还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则...
- **取复选框值**:`var checkboxVal = $("#checkbox_id").attr("value");` 使用`attr()`方法可以获取指定的属性值。 - **取单选按钮值**:`var valRadio = $("input[@type=radio][@checked]").val();` 此处使用了...
在jQuery中,处理表单元素,特别是像单选按钮(radio)、复选框(checkbox)和下拉选择(select)这样的交互元素,是常见的需求。下面我们将详细探讨jQuery中如何对这些元素进行取值、设置选中状态以及其他相关操作...
在网页开发中,jQuery 是一个...对于复选框,可以通过 `.attr("value")` 来获取其值,使用 `.attr("checked")` 来检查是否被选中。例如: ```html <input type="checkbox" name="check" value="A" id="checkbox_id1">A ...
特别是对于RadioButton(单选按钮)、input(输入框)和CheckBox(复选框)这些表单元素,jQuery提供了非常便捷的方法来获取和设置它们的值。本文将详细介绍如何使用jQuery对这些表单元素进行取值和赋值操作。 首先...
- `E:checked`: 选取选中的表单元素,如单选按钮或复选框。 - `E:visible`, `E:hidden`: 选取可见或隐藏的元素。 此外,还有其他一些选择器如`E:eq(n)`, `E:gt(n)`, `E:lt(n)`,它们用于按索引选取元素。`E:first`...