checkbox选中事件

jquery对radio和checkbox的操作

梦想的初衷 提交于 2020-01-05 04:59:58
jQuery获取Radio选择的Value值 代码 $( " input[name='radio_name'][checked] " ).val(); // 选择被选中Radio的Value值 $( " #text_id " ).focus( function (){ // code...}); //事件 当对象text_id获取焦点时触发 $( " #text_id " ).blur( function (){ // code...}); //事件 当对象text_id失去焦点时触发 $( " #text_id " ).select(); // 使文本框的Vlaue值成选中状态 $( " input[name='radio_name'][value='要选中Radio的Value值' " ). attr( " checked " , true ); // 根据Value值设置Radio为选中状态 jQuery获取CheckBox选择的Value值 $( " input[name='checkbox_name'][checked] " ); // 选择被选中CheckBox元素的集合 如果你想得到 Value值你需要遍历这个集合 $($( " input[name='checkbox_name'][checked] " )). each( function (){arrChk +=

checkbox和radio使用

天涯浪子 提交于 2020-01-05 04:59:41
jQuery获取Radio选择的Value值: jQuery C# VB C++ Java jQuery设置Radio的Value值: 语法解释: 1. $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值 2. $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发 3. $("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发 4. $("#text_id").select(); //使文本框的Vlaue值成选中状态 5. $("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked",true); //根据Value值设置Radio为选中状态 jQuery获取CheckBox选择的Value值: jQuery C# VB C++ Java 全选/取消全选 语法解释: 1. $("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到Value值,你需要遍历这个集合 2. $($("input

jquery 设置 Select CheckBox Radio

吃可爱长大的小学妹 提交于 2020-01-05 04:59:15
一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的Text和Value: 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); //设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr(

JQuery操作Select、Checkbox、Radio

柔情痞子 提交于 2020-01-05 04:59:07
一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的Text和Value: 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); //设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr(

firefox中 checkbox属性checked=\"checked\"已有,但复选框却不显示打钩的原因

坚强是说给别人听的谎言 提交于 2020-01-05 04:34:20
最近在调试复选框的应用,在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题。 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推。这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可 以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值 改了,但是却不显示勾选,太诡异了。代码修改了却得不到正确的显示状态,纠结了很久,找不到原因。 正解:后来经偶像指点,原来是jQuery版本问题。我操作属性用的是 $("**").attr("attrName");而jQuery的版本用的是1.9,这就是存在一个兼容性和稳定性问题。 jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断,即 $("input[type='checkbox']").prop("checked"); $("input[type='checkbox']").prop("disabled", false); $("input[type='checkbox']").prop("checked", true); 在使用是将attr改为prop,问题得解。 你遇到这个奇怪的问题了吗?赶紧试试吧~~ 来源: https://www

firefox中 checkbox属性checked=\"checked\"已有,但复选框却不显示打钩的原因

别来无恙 提交于 2020-01-05 04:34:08
最近在调试复选框的应用,在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题。 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推。这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了。代码修改了却得不到正确的显示状态,纠结了很久,找不到原因。 正解:后来经偶像指点,原来是jQuery版本问题。我操作属性用的是 $("**").attr("attrName");而jQuery的版本用的是1.9,这就是存在一个兼容性和稳定性问题。 jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断,即 $("input[type='checkbox']").prop("checked"); $("input[type='checkbox']").prop("disabled", false); $("input[type='checkbox']").prop("checked", true); 在使用是将attr改为prop,问题得解。 你遇到这个奇怪的问题了吗?赶紧试试吧~~ 来源: https://www

firefox中 checkbox属性checked=\"checked\"已有,但复选框却不显示打钩的原因

好久不见. 提交于 2020-01-05 04:33:59
最近在调试复选框的应用,在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题。 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推。这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了。代码修改了却得不到正确的显示状态,纠结了很久,找不到原因。 正解:后来经偶像指点,原来是jQuery版本问题。我操作属性用的是 $("**").attr("attrName");而jQuery的版本用的是1.9,这就是存在一个兼容性和稳定性问题。 jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断,即 $("input[type='checkbox']").prop("checked"); $("input[type='checkbox']").prop("disabled", false); $("input[type='checkbox']").prop("checked", true); 在使用是将attr改为prop,问题得解。 你遇到这个奇怪的问题了吗?赶紧试试吧~~ 原文地址: http://blog

jQuery初识

会有一股神秘感。 提交于 2020-01-01 03:48:52
jQuery初识 jQuery是什么? jQuery是一个兼容多浏览器的JavaScript库。 jQuery能极大地简化JavaScript编程,它的宗旨就是:"Write less,do more." jQuery包含以下内容: HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX 下载链接: jQuery官网 jQuery对象 jQuery对象 就是通过jQuery包装DOM对象后产生的对象, jQuery对象 是jQuery独有的。 如果一个对象是 jQuery对象 ,那么它就可以使用 jQuery 里的方法:例如$(“#i1”).html()。 $(“#i1”).html()的意思是:获取id值为i1的元素的HTML代码,其中html()是jQuery里的方法。 相当于JavaScript中的document.getElementById("i1").innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery对象无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery也不能使用jQuery里的方法。 jQuery与JavaScript在申明变量的区别: 1 var $variable = jQuery对象 2 var variable = DOM对象 3

layui的table单击行勾选checkbox功能方法

▼魔方 西西 提交于 2019-12-17 20:38:59
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 为大家分享一篇layui的table单击行勾选checkbox功能方法,具有很好的参考价值,希望对大家有所帮助。 如下所示: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 //单击行勾选checkbox事件 $(document).on( "click" , ".layui-table-body table.layui-table tbody tr" , function () { var index = $( this ).attr( 'data-index' ); var tableBox = $( this ).parents( '.layui-table-box' ); //存在固定列 if (tableBox.find( ".layui-table-fixed.layui-table-fixed-l" ).length>0) { tableDiv = tableBox.find( ".layui-table-fixed.layui-table-fixed-l" ); } else { tableDiv = tableBox.find( ".layui-table-body.layui-table-main" ); } var checkCell =

jQuery select操作控制方法小结

五迷三道 提交于 2019-12-10 06:44:41
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的Text和Value: 语法解释: 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); //设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr(