使用jquery如何给checkbox等赋值

checkbox,select,radio等都能使用为之赋值

注意:1.checkbox和radio都必须用数组给其赋值;2.不能通过id给其赋值,eg:$("#ckb")是不能把所有的checkbox都赋值的,所以只能用$("input"),可以加属性值;3.数组的创立与理解

1.设置不同的控件:

 1 <select id="single">
 2   <option>Single</option>
 3   <option>Single2</option>
 4 </select>
 5 <select id="multiple" multiple="multiple">
 6   <option>Multiple</option>
 7   <option>Multiple2</option>
 8   <option>Multiple3</option>
 9 </select><br/>
10 <input type="checkbox" value="check1" id="ckb"/> check1
11 <input type="checkbox" value="check2" id="ckb"/> check2
12 <input type="checkbox" value="check3" id="ckb"/> check3
13 <input type="checkbox" value="check4" id="ckb"/> check4
14 <input type="radio" value="radio1" id="rad"/> radio1
15 <input type="radio" value="radio2" id="rad"/> radio2

2.jquery代码

 1 <script type="text/javascript">
 2 $(function(){
 3     $("#single").val("Single2");
 4     $("#multiple").val(["Multiple2", "Multiple3"]);
 5     var t= "check1;check2";
 6     var h = t.split(";");
 7     $("input[type=checkbox]").val(h);
 8     var s ="radio2";
 9     var rad=[s];
10     alert(rad instanceof Array);
11     $("input").val(rad);
12     })
13 </script>
时间: 2024-10-03 21:41:10

使用jquery如何给checkbox等赋值的相关文章

jQuery Raion, Select, CheckBox selector function

Radio jQuery("input[type=checkbox][name='fbCqscsf.cqzdycqk']").not("[value=1]").attr("checked","");var item = $('input[@name=items][@checked]').val();$("input[@type=radio]").attr("checked",'2');

jquery 【radio checkbox】选择

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"> $(f

jQuery实现的checkbox复选框全选和全不选效果

jQuery实现的checkbox复选框全选和全不选效果:复选框的全选和全不选效果在代码中非常的常用,尤其在批量处理的需求中更是如此,下面就通过一个代码实例简单介绍一下如何实现此效果,希望能够对需要的朋友有所帮助,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:

jQuery实现自定义checkbox和radio样式

jQuery实现自定义checkbox和radio样式 1,起因 最近在工作中要实现自定义式的radio样式,而我们通常使用的时默认的样式,因为自己实在想不到解决的方法,于是开始搜索,最终看到了不错的解决办法,可以完美解决我们遇到的问题. 2,原理 大家都知道在写结构的时候,radio或checkbox都会跟随label一起使用,label的for属性值和input的id值相同的情况下,点击label就可以选中input,这里正是利用label 来覆盖我们的input默认样式,通过给label添

JQuery操作select checkbox radio总结

JQuery是一个很强大的工具所以我要找到它最便捷的方法,嘻嘻 Select 增删改查: Select查: 1.val值: $("#selectid").val();       //最方便的 2.text值: $("#selectid option:selected").text();       //最方便的 或 $("#selectid").find("option:selected").text() 3.Index值:

jquery 操作select,checkbox,radio (整理)

在工作中经常用到select,checkbox,radio,今天有点空闲就整理一下,免得以后用的时候还要重新找. 操作select下拉框 -- 获取值或选中项: 1, $("#select_id").change(function(){//code...});  //为Select添加事件,当选择其中一项时触发 2,var checkValue=$("#select_id").val(); //获取Select选择的Value 3,var checkText=$(&

jQuery easyui dataGrid checkbox反显的值取不到

  使用jQuery easyui dataGrid checkbox反显后通过      var arr = $('#butnSource').datagrid( 'getSelections'); var arr1 = $('#butnSource' ).datagrid('getSelected');   通过以上的方法取不到反显的值. 解决方案 :                        $( '#butnSource').datagrid({ url : 'sourceActio

Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $('input:radio:first').attr('check

Jquery 中的CheckBox、 RadioButton、 DropDownList的取值赋值

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'