`

JQuery 判断value选中checkbox 判断checkbox是否选中 修改、获取value值

阅读更多

<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 checkbox 选中 取消 checkbox多选

    在网页开发中,jQuery是...总之,jQuery提供了一套简单易用的API来处理HTML中的复选框,包括选中、取消选中、监听变化以及获取选中状态等功能。通过灵活运用这些API,开发者可以轻松地创建具有复选框功能的交互式网页。

    jQuery获取checkbox选中的值

    本知识点将深入探讨如何使用jQuery获取选中的checkbox值,以及如何控制checkbox的选中状态。 ### jQuery获取选中的checkbox值 1. **理解checkbox的使用场景**: 当用户需要在多个选项中选择一个或多个时,复选框...

    jQuery如何判断checkbox(复选框)是否被选中

    在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`&lt;input type="checkbox"&gt;`,当它被选中时,其`checked`属性...

    jquery操作Radio、Checkbox、Select Demo

    在jQuery中,我们可以使用`.prop()`或`.attr()`方法来改变其选中状态,使用`.val()`获取选中的Radio的值。 1. **设置Radio选中状态**: ```javascript $('input[type="radio"]').prop('checked', true); // 选中...

    jquery 对checkbox的操作

    在表单提交时,jQuery可以帮助获取已选中的checkbox值。例如: ```javascript $("form").submit(function(e) { e.preventDefault(); // prevent default form submission var selectedCheckboxes = $("input[type=...

    Jquery遍历checkbox获取选中项value值的方法

    在jQuery中,遍历checkbox并获取选中项的value值是一项常见的操作,特别是在表单处理或者数据筛选场景中。在给定的标题和描述中,我们看到一个具体的示例,展示了如何实现这一功能。以下是对这个示例的详细解释: ...

    jQuery获取checkboxlist的value值的方法

    CheckboxList是服务器控件,绑定数据容易,服务器端获取选中值也容易。但是生成的静态页面居然没有ListItem的Value值,所以默认情况下用js在页面中是取不到ListItem的值的。至于为什么不显示value值,我也不清楚,本...

    jQuery分别获取选中的复选框值

    本文将深入探讨如何使用jQuery来获取选中的复选框(checkbox)的值,同时也涵盖jQuery对其他HTML元素如下拉框(select)、单选按钮(radio)的处理方法。 首先,让我们关注标题提及的主题——"jQuery分别获取选中的...

    jQuery基于layui插件制作checkbox复选框选中代码

    在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...

    JS通过识别id、value值对checkbox设置选中状态

    当我们想要根据某个字符串(如"1,2,3")中包含的值来设置复选框选中状态时,可以先将字符串拆分为数组,然后遍历所有复选框,比较其value值与数组中的元素是否匹配。匹配到则设置选中。以下是一个简单的JavaScript...

    jquery获取表单值

    - 判断是否已选中: ```javascript if ($("#chk_id").prop("checked")) { // 已选中 } else { // 未选中 } ``` ##### 3. 单选组(`&lt;input type="radio"&gt;`)的操作 - 设置某个单选按钮为选中状态: ```...

    jquery获取各种radio,checkbox,select的值等

    - 单选组radio:`$("input[@type=radio][@checked]").val()`获取选中项的value值。 - 下拉框select:`$('#sel').val()`获取选中项的value值。 以上就是jQuery中关于radio、checkbox和select的基本操作,这些方法...

    Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

    本文将详细介绍如何使用jQuery改变radio和checkbox的选中状态以及如何获取选中的值。 一、改变radio/checkbox选中状态 在HTML中,`&lt;input type="radio"&gt;` 和 `&lt;input type="checkbox"&gt;` 分别用于创建单选按钮和复...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中,Checkbox(复选框)是一种非常常见的用户界面元素,用于收集用户的多选输入。尤其是在表单设计时,Checkbox的全选与反选功能极大地方便了...

    jquery之checkbox操作(v1.0.0)

    获取用户选中的checkbox值,可以使用`.is(':checked')`来判断是否被选中,然后使用`.val()`获取其值。以下是一个简单的示例: ```javascript var selectedOptions = []; $('input[type="checkbox"]:checked').each...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    jquery checkbox点击选中列表样式代码

    接下来,我们可以使用jQuery来监听checkbox的`click`事件,并根据其状态改变相应的列表项样式。以下是一个基础的实现: ```javascript $(document).ready(function() { $('#checkboxList input[type="checkbox"]')...

    jquery获取复选框checkbox的值的简单实现方法

    在循环中,通过检查`checked`属性判断复选框是否被选中,并将其`value`属性值累加到一个字符串变量中。需要注意的是,这种方法可能会将最后一个复选框的逗号也添加到结果字符串中,因此在实际应用中需要对代码进行...

Global site tag (gtag.js) - Google Analytics