`
西蜀石兰
  • 浏览: 116832 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

checkbox获取选中元素的值

 
阅读更多
使用input标签时,页面修改内容在debug模式下不会跟着变化,使用Jquery选择器时想当然地认为会跟着变化,不能获取结果。
不过Jquery的val()方法依旧能获得值,或者使用DOM元素,也能获得相应的值。
<input type="checkbox" value="1" name="number">
<input type="checkbox" value="2" name="number">
<input type="checkbox" value="3" name="number">


两种解决方法,第一使用原生态的DOM节点,第二依旧使用Jquery选择器
方法一:匹配属性值是“true”
var checkbox= document.getElementsByName("number");
for(var i=0;i<checkbox.length;i++){
 if(checkbox[i].checked==true){
   alert(checkbox[i].value);
			}
		}


方法二:匹配属性值是checked
 $("input[name='number']:checked").each(function(){
      alert(this.value);
    });

checkbox只要有属性checked,页面加载时便会选中;
设置checkbox状态,直接使用Jquery的attr("checked", "checked")设置为选中;removeAttr("checked")设置为未选中。
分享到:
评论

相关推荐

    jquery获取元素值的方法(常见的表单元素)

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    JS选中checkbox后获取table内一行TD所有数据的方法

    主要介绍了JS选中checkbox后获取table内一行TD所有数据的方法,涉及javascript针对table元素遍历与获取的技巧,需要的朋友可以参考下

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox控件表明一个特定的状态(即选项)是选定 (on... 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的checked设置为false即实

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

    :checked :匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s=...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    layui checkbox默认选中,获取选中值,清空所有选中项的例子

    废话不多说,直接上代码吧: var arr = res.data; var myCheckbox = $... j++) { //数据库返回的需要选中项的值,我这里只返回了value,有需要可以返回数组对象 for (var i = 0; i &lt; myCheckbox.length; i++) {/

    jQuery设置和获取select、checkbox、radio的选中值方法

    select、checkbox、radio是很常用的表单控件,这篇文章主要介绍了jQuery设置和获取select、checkbox、radio的选中值方法,有兴趣的可以了解一下。

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

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

    代码如下: function jqchk(){ //jquery获取复选框值 var s=”; $(‘input[name=”aihao”]:checked’).each(function(){ s+=$... 代码如下: if (s.length &gt; 0) { //得到选中的checkbox值序列 s = s.substring(0,s.len

    jQuery选择器让你长点见识

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var...

    Easyui Tree获取当前选择节点的所有顶级父节点

    主要介绍了Easyui Tree获取当前选择节点的所有顶级父节点,以及easyUI Tree显示选中节点的所有父节点的实现代码,需要的朋友可以参考下

    JavaScript简单判断复选框是否选中及取出值的方法

    这里使用JavaScript 获取复选框的值,有朋友在刚开始利用表单提交数据的时候,一般都会遇到表单中有一个特别的元素——复选框,判断它是否选中以及获取它的值 ,好像跟其它的表单元素有点不一样,本代码将为您展示...

    js实现checkbox全选、不选与反选的方法

    1. 获取元素 2. 给全选 不选 反选添加点击事件 3. 用for循环checkbox 4. 把checkbox的checked设置为true即实现全选 5. 把checkbox的checked设置为false即实现不选 6. 通过if判断,如果checked为true选中状态的,就把...

    jquery中通过过滤器获取表单元素的实现代码

    :enable 获取可输入状态的元素 :disabled 获取不可输入状态的元素 :checked 获取选中的表单元素 :seleced 获取下拉框中选中的元素 下面看一粒例子 Html 代码如下: &lt;body&gt; &lt;form id=”form1″ runat=”...

    jquery 获取表单元素里面的值示例代码

    jquery 笔记: 代码如下: $(“input[name=’radio_name’]:checked”).val() &lt;input type=”radio” value=”1″ name=”radio_name” /&gt;1 &lt;input type=”radio” value=”2″ name=”radio_name” /&gt;...

    01_购物车.zip

    1.里面3个小的复选框按钮(j-checkbox)选中状态(checked)跟着全选按钮(checkall)走; 2.因为checked 是复选框的固有属性,此时需要利用prop()方法获取和设置该属性; 把全选按钮状态赋值给3小复选框就可以了; 3....

    jQuery中实现prop()函数控制多选框(全选,反选)

    prop() : 获取匹配元素集中第一个元素的值 判断checkbox中的第一个是否被选中: $(":checkbox").prop("checked"); //如果第一个checkbox被选中返回true,否则返回false. 禁用和选中页面上的所有复选框: $("input...

    checkbox:React的Material复选框实现

    道具Struts类型必需的默认描述checked 布尔不不明确的复选框是否被选中className 细绳不不明确的要添加的其他className disabled 布尔不错误的复选框是否被禁用id 细绳不uuidv1() 要添加到标签和复选框的ID label ...

    天涯易栈VC++网页操作类

    //获取指定索引复选框(Checkbox)元素name(名称) CString GetCheckboxId(int i);//获取指定索引复选框(Checkbox)元素id CString GetCheckboxValue(int i);//获取指定索引复选框(Checkbox)元素标题 int ...

    checkbox.js:网页奇特的复选框

    checkbox.js 这是一个漂亮的Web复选框。 依存关系 这取决于。 使用该复选框之前,必须包含Crystal。 用法 只需将checkbox.2.1.0.js JavaScript文件包含在您的网页中... element()-获取一个DOM元素添加到您的网页 get

Global site tag (gtag.js) - Google Analytics