1,收集checkbox的值
<script type="text/javascript"> $(function() { //全选 $("#checkAll").click(function() { $("[name='items']:checkbox").attr("checked", true); }); //反选 $("#checkOpp").click(function() { $("[name='items']:checkbox").each(function() { $(this).attr("checked", !$(this).attr("checked")); }); }); //全不选 $("#checkNO").click(function() { $("[name='items']:checkbox").attr("checked", false); }); //选中指定值 $("#SubmitID").click(function() { var Str = "你选中的是:\n\r"; $("[name='items']:checkbox:checked").each(function() { Str += $(this).val() + "\n\r"; }); alert(Str); }); }); </script> //我的获取办法 var str_general=""; $("input[name='cb_general_create']:checkbox:checked").each(function(){ str_general += $(this).val()+";"; }) //达到toggle效果 $("input[name='cb_expect_datetime']:checkbox").click(function(){ if($("input[name='cb_expect_datetime']:checkbox").attr("checked") == true){ //$("input[name='cb_expect_datetime']:checkbox").attr("checked",true); $("#repair_attach_zone").show(); }else{ //$("input[name='cb_expect_datetime']:checkbox").attr("checked",false); $("#repair_attach_zone").hide(); } });
2,radio表单
<input type="radio" id="cb_expect_datetime" name="cb_expect_datetime" value="repairAtOnce" /> 立即报修至厂商 <input type="radio" id="cb_expect_datetime" name="cb_expect_datetime" checked="checked" value="repairBatch" /> 由库管集中报修
$("input[name='cb_expect_datetime']:radio").click(function(){ if($("input[name='cb_expect_datetime']:checked").val() == 'repairAtOnce'){ $("#repair_attach_zone").show(); }else{ $("#repair_attach_zone").hide(); } });
3,收集select的值
//一、最基本 //value var work_area = $("#outsource_work_area").val(); //text var s_idc_name = $("#dropdownlist_s_idc_id").find("option:selected").text(); //二、操作option var option = $("#scheduling_user_id option[value="+user_id+"]"); var display_name = option.text(); option.remove(); //jQuery添加/删除Select的Option项: $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option //三、遍历option var id = $(this).attr("user_id"); var name = $(this).attr("display_name"); var len = $("select[name='scheduling_user_id'] option").length; var flag = true; $("select[name='scheduling_user_id'] option").each(function(){ if(id == $(this).val()){ flag = false; } }); if(flag){ var new_option = "<option value='"+id+"'>"+name+"</option>"; $(new_option).appendTo("#scheduling_user_id"); $("#new_item_"+id).remove(); } //四、事件监听 $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发