บทความนี้อธิบายวิธีการแก้ไขเพิ่มและลบรูปแบบคลาสโดย JS แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ฟังก์ชั่นส่วนหน้าทั่วไปของ JS ซึ่งสามารถตระหนักถึงฟังก์ชั่นที่เกี่ยวข้องโดยการแก้ไขชื่อคลาสของแท็ก
รหัสเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <bable>
<tbody>
<tr>
<TD> JS ใช้การปรับเปลี่ยนสไตล์คลาสการเพิ่มและการลบ </td>
<td>
<a e_value = "g_sn" ename = "รหัสผลิตภัณฑ์" href = "JavaScript: void (0);"> รหัสผลิตภัณฑ์ </a>
<a e_value = "pdt_sn" ename = "หมายเลขรายการผลิตภัณฑ์" href = "javascript: void (0);"> หมายเลขรายการผลิตภัณฑ์ </a>
<a e_value = "pdt_name" ename = "ชื่อข้อมูลจำเพาะ" href = "javascript: void (0);"> ชื่อข้อมูลจำเพาะ </a>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td> <a onclick = "selectall ()" style = "color:#f00"> เลือกทั้งหมด </a> </td>
<td> <a onclick = "selectnotall ()" style = "color:#f00"> ไม่มีการเลือก </a> </td>
</tr>
</tbody>
</table>
<script>
$ ('. goods_sale_property') คลิก (ฟังก์ชัน () {// คลิกเพื่อเพิ่มคลาสในแท็กเพียงอย่างเดียว
if ($ (นี่) .hasclass ('goods_sale_property_checked')) {
$ (นี่) .removeClass ('goods_sale_property_checked');
}อื่น{
$ (นี่) .addclass ('goods_sale_property_checked');
-
-
ฟังก์ชั่น selectall () {// เลือกคลาสทั้งหมด
$ ('. goods_sale_property'). แต่ละ (ฟังก์ชั่น (i) {
$ (นี่) .addclass ('goods_sale_property_checked');
-
-
ฟังก์ชั่น selectNotAll () {// เลือกคลาสลบทั้งหมด
$ ('. goods_sale_property'). แต่ละ (ฟังก์ชั่น (i) {
$ (นี่) .removeClass ('goods_sale_property_checked');
-
-
</script>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน