$(".ckpatients_check #AllCheck").click(function () { if (this.checked == true) { var pid = ""; var pid2 = ""; $(".ckpatients_check input[type=checkbox]").prop("checked", true); $(".ckpatients_check input[type=checkbox]").not("#AllCheck").each(function (i) { pid += this.value + "¤"; pid2 += this.value + "|" + $(this).next().val() + "¤"; }); $("#PatientIDList")[0].value = pid; $("#PatientIDBedNoList")[0].value = pid2; //$(".patients_name_information ul li").css("color", "rgb(51, 122, 183)"); $(".patients_name_information ul li").css("background", "rgb(186,231,255)"); } else { $(".ckpatients_check input[type=checkbox]").prop("checked", falsle); $("#PatientIDList")[0].value = "undefined"; $("#PatientIDBedNoList")[0].value = "undefined"; //$(".patients_name_information ul li").css("color", "Black"); $(".patients_name_information ul li").css("background", ""); } sessionStorage.setItem("searchPatientIDBedNoList", $("#PatientIDBedNoList")[0].value); sessionStorage.setItem("searchPatientIDList", $("#PatientIDList")[0].value); });
时间: 2023-07-21 17:07:44 浏览: 253
jQuery插件开发的两种方法及$.fn.extend的详解
这段代码是一个点击事件的处理函数。当点击了具有类名为"ckpatients_check"的元素下的id为"AllCheck"的复选框时,执行以下逻辑:
1. 检查复选框的状态是否为选中(checked == true)。
2. 如果复选框被选中,则执行以下操作:
- 将具有类型为checkbox的所有输入框的checked属性设置为true。
- 遍历除了id为"AllCheck"之外的所有具有类型为checkbox的输入框,将它们的value值以"¤"分隔拼接到pid变量中,并以"value|next().val()¤"的形式拼接到pid2变量中。
- 将拼接好的pid值赋给id为"PatientIDList"的元素的value属性。
- 将拼接好的pid2值赋给id为"PatientIDBedNoList"的元素的value属性。
- 将具有类名为"patients_name_information"下的ul中的li元素的背景色设置为"rgb(186,231,255)"。
3. 如果复选框未被选中,则执行以下操作:
- 将具有类型为checkbox的所有输入框的checked属性设置为false。
- 将id为"PatientIDList"的元素的value属性设置为"undefined"。
- 将id为"PatientIDBedNoList"的元素的value属性设置为"undefined"。
- 将具有类名为"patients_name_information"下的ul中的li元素的背景色设置为空。
4. 将拼接好的pid2值存储在名为"searchPatientIDBedNoList"的sessionStorage中。
5. 将拼接好的pid值存储在名为"searchPatientIDList"的sessionStorage中。
阅读全文