首页 > 代码库 > jQuery 操作 radio、select、checkbox
jQuery 操作 radio、select、checkbox
<script type="text/javascript"> $(function () { 一、radio 1.获取选中值,三种方法都可以: $(‘input:radio:checked‘).val(); $("input[type=‘radio‘]:checked").val(); $("input[name=‘rd‘]:checked").val(); 2.设置第一个radio为选中值: $(‘input:radio:first‘).attr(‘checked‘, ‘checked‘); 或者 $(‘input:radio:first‘).attr(‘checked‘, ‘true‘); 注:attr("checked",‘checked‘)= attr("checked", ‘true‘)= attr("checked", true); 3.设置最后一个radio为选中值: $(‘input:radio:last‘).attr(‘checked‘, ‘checked‘); 或者 $(‘input:radio:last‘).attr(‘checked‘, ‘true‘); 4.根据索引值设置任意一个radio为选中值: $(‘input:radio‘).eq(索引值).attr(‘checked‘, ‘true‘);索引值=0,1,2.... 或者 $(‘input:radio‘).slice(1,2).attr(‘checked‘, ‘true‘); 5.根据value值设置radio为选中值 $("input:radio[value=http://www.mamicode.com/gzmsg.com]").attr(‘checked‘,‘true‘); 或者 $("input[value=http://www.mamicode.com/gzmsg.com").attr(‘checked‘,‘true‘); 6.删除value值为gzmsg.com的radio $("input:radio[value=http://www.mamicode.com/gzmsg.com]").remove(); 7.删除第几个radio $("input:radio").eq(索引值).remove();索引值=0,1,2.... 如删除第3个radio,$("input:radio").eq(2).remove(); 8.遍历Radio $(‘input:radio‘).each(function(index,domEle){ //写入代码 }); 二、select 1.获取选中项: 获取选中项的Value值: $(‘select#sel option:selected‘).val(); 或者 $(‘select#sel‘).find(‘option:selected‘).val(); 获取选中项的Text值: $(‘select#seloption:selected‘).text(); 或者 $(‘select#sel‘).find(‘option:selected‘).text(); 2.获取当前选中项的索引值: $(‘select#sel‘).get(0).selectedIndex; 3.获取当前option的最大索引值: $(‘select#sel option:last‘).attr("index"); 4.获取DropdownList的长度: $(‘select#sel‘)[0].options.length; 或者 $(‘select#sel‘).get(0).options.length; 5.设置第一个option为选中值: $(‘select#sel option:first‘).attr(‘selected‘,‘true‘) 或者 $(‘select#sel‘)[0].selectedIndex = 0; 6.设置最后一个option为选中值: 三、checkbox 1、$(".chk").click(function(){}); 2、设置选中项 $("input[name=‘box‘]").attr("checked","checked"); 3.获取被选中的checkbox的值: $("input[name=‘box‘][checked]").each(function(){ if (true == $(this).attr("checked")) { alert( $(this).attr(‘value‘) ); } 或者: $("input[name=‘box‘]:checked").each(function(){ if (true == $(this).attr("checked")) { alert( $(this).attr(‘value‘) ); } 4.获取未选中的checkbox的值: $("input[name=‘box‘]").each(function(){ if ($(this).attr(‘checked‘) ==false) { alert($(this).val()); } }); 5.设置checkbox的value属性的值: $(this).attr("value",值); })</script>
jQuery 操作 radio、select、checkbox
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。