<html>
<head>
<script type="text/javascript" src="jquery-1.6.js"></script>
<script type="text/javascript">
//获取选中的checkbox的value值并且赋给文本框
function createOrder()
{
coffee=document.forms[0].coffee
txt=""
for (i=0;i<coffee.length;++ i)
{
if (coffee[i].checked)
{
txt=txt + coffee[i].value + " "
alert(coffee[i].checked);
}
}
document.getElementById("order").value="您订购的咖啡带有： " + txt
}
function check(){
}
//使用用拦截器拦截，判断value为1的，并且选中
function check2(){
$(":checkbox").each(
function(){
if($(this).val()=="1"){
$(this).attr("checked",true);
}
});
}
//使用拦截器拦截，并且循环判断是否选择。改变value值
function check3(){
$(":checkbox").each(
function(){
if($(this).attr("checked")=="checked"){
$(this).val("0");
}
alert($(this).attr("checked"));
});
}
function check4(){
}
</script>
</head>
<body>
<p>你要加什么呢？</p>
<form>
<input type="checkbox" name="coffee" value="1">加奶油<br />
<input type="checkbox" name="coffee" value="1">加糖块<br />
<input type="checkbox" name="coffee" value="1">加冰<br />
<input type="checkbox" id="woter" name="coffee" value="1">加水<br />
<br />
<input type="button" onclick="createOrder()" value="发送">
<input type="button" onclick="check()" value="OK">
<input type="button" onclick="check2()" value="11111111">
<input type="button" onclick="check3()" value="00000000">
<input type="button" onclick="check4()" value="check4">
<br /><br />
<input type="text" id="order" size="50">
</form>
</body>
</html>
***********************************************
jquery 如何判断checkbox（复选框）是否被选中
在html 如果一个复选框被选中 是 checked=”checked”。
但是我们如果用jquery alert($(“#id”).attr(“checked”)) 会提示您是true而不是checked
所有可以用 if($(“#id”).attr(“checked”)==true)来判断就可以了
分享到：
相关推荐
在网页开发中，jQuery是...总之，jQuery提供了一套简单易用的API来处理HTML中的复选框，包括选中、取消选中、监听变化以及获取选中状态等功能。通过灵活运用这些API，开发者可以轻松地创建具有复选框功能的交互式网页。
本知识点将深入探讨如何使用jQuery获取选中的checkbox值，以及如何控制checkbox的选中状态。 ### jQuery获取选中的checkbox值 1. **理解checkbox的使用场景**： 当用户需要在多个选项中选择一个或多个时，复选框...
在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中，我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`<input type="checkbox">`，当它被选中时，其`checked`属性...
在jQuery中，我们可以使用`.prop()`或`.attr()`方法来改变其选中状态，使用`.val()`获取选中的Radio的值。 1. **设置Radio选中状态**： ```javascript $('input[type="radio"]').prop('checked', true); // 选中...
在表单提交时，jQuery可以帮助获取已选中的checkbox值。例如： ```javascript $("form").submit(function(e) { e.preventDefault(); // prevent default form submission var selectedCheckboxes = $("input[type=...
在jQuery中，遍历checkbox并获取选中项的value值是一项常见的操作，特别是在表单处理或者数据筛选场景中。在给定的标题和描述中，我们看到一个具体的示例，展示了如何实现这一功能。以下是对这个示例的详细解释： ...
可以使用 `$("#checkbox_id").attr("value")` 方法获取多选框 Checkbox 的值。 7. 获取单选组 Radio 的值： 可以使用 `$("input[@type=radio][@checked]").val()` 方法获取单选组 Radio 的值。 8. 获取下拉框 ...
CheckboxList是服务器控件，绑定数据容易，服务器端获取选中值也容易。但是生成的静态页面居然没有ListItem的Value值，所以默认情况下用js在页面中是取不到ListItem的值的。至于为什么不显示value值，我也不清楚，本...
本文将深入探讨如何使用jQuery来获取选中的复选框（checkbox）的值，同时也涵盖jQuery对其他HTML元素如下拉框（select）、单选按钮（radio）的处理方法。 首先，让我们关注标题提及的主题——"jQuery分别获取选中的...
在本文中，我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框，包括权限范围的多选、单选以及全选操作。同时，我们也将关注于父级和子级复选框之间的联动关系，即父级选中时子级全部选中，而...
当我们想要根据某个字符串（如"1,2,3"）中包含的值来设置复选框选中状态时，可以先将字符串拆分为数组，然后遍历所有复选框，比较其value值与数组中的元素是否匹配。匹配到则设置选中。以下是一个简单的JavaScript...
- 判断是否已选中： ```javascript if ($("#chk_id").prop("checked")) { // 已选中 } else { // 未选中 } ``` ##### 3. 单选组（`<input type="radio">`）的操作 - 设置某个单选按钮为选中状态： ```...
- 单选组radio：`$("input[@type=radio][@checked]").val()`获取选中项的value值。 - 下拉框select：`$('#sel').val()`获取选中项的value值。 以上就是jQuery中关于radio、checkbox和select的基本操作，这些方法...
本文将详细介绍如何使用jQuery改变radio和checkbox的选中状态以及如何获取选中的值。 一、改变radio/checkbox选中状态 在HTML中，`<input type="radio">` 和 `<input type="checkbox">` 分别用于创建单选按钮和复...
### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中，Checkbox（复选框）是一种非常常见的用户界面元素，用于收集用户的多选输入。尤其是在表单设计时，Checkbox的全选与反选功能极大地方便了...
获取用户选中的checkbox值，可以使用`.is(':checked')`来判断是否被选中，然后使用`.val()`获取其值。以下是一个简单的示例： ```javascript var selectedOptions = []; $('input[type="checkbox"]:checked').each...
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中，`<select>` 标签用于创建下拉列表，通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
接下来，我们可以使用jQuery来监听checkbox的`click`事件，并根据其状态改变相应的列表项样式。以下是一个基础的实现： ```javascript $(document).ready(function() { $('#checkboxList input[type="checkbox"]')...