Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Jquery binds click event for radio button checkbox_jquery

Jquery binds click event for radio button checkbox_jquery

WBOY
Release： 2016-05-16 17:46:23
Original
1108 people have browsed it

1. Suppose there is the following html code

Copy code The code is as follows:





Select event (modify the background of the previous layer based on the selection):
Copy code The code is as follows:

var $test_image_check_box_click = function() {
if ($(this).attr("checked") == "checked") {
$(this).parent().css( {"background":"#dcf4fc"});
}
else {
$(this).parent().css({"background":"#fcf7c7"});
}
check_all_imagezz();
}

Binding event:
Copy code The code is as follows:

$(#checkbox-518).click($test_image_check_box_click);

2. Assume that there are many parallel dd tags in the html, each There is a checkbox in the dd tag, and the class name is imagezz. Each checkbox is bound to the preset $test_image_check_box_click event
Copy code The code is as follows:

$(document).ready(function(){
$(".imagezz").click($test_image_check_box_click);
}
Related labels：
Single box Binding events
source：php.cn
Previous article：Understanding javascript errors without caring about memory management_jquery Next article：C# decoding function corresponding to escape in js UrlDecode_Basic knowledge
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to select multiple checkboxes in Reactjs I have a list of options in which I want to select multiple checkboxes but am unable to do...
From 2024-04-06 18:55:21
0
1
396
Open calculation documents using window.open() and data: scheme I have a web page that runs in a browser that generates a calculated HTML document that I ...
From 2024-04-06 15:06:34
0
1
378
Regular expression filter for MERN stack search boxes and checkboxes I'm trying to understand how the MERN stack works together by learning by doing, and I'm f...
From 2024-04-06 14:53:12
0
1
425
How to print selected checkbox value after submission This is my list of checkboxes and the buttons I need to submit data..<label>AccessLo...
From 2024-04-06 13:07:43
0
2
337
PHPMailer using gmail and XOAUTH2: How to automatically get a new refresh token when the current refresh token expires? I am concerned about using Gmail with XOAUTH2 (PHPMailerWiki) and How to send emails using...
From 2024-04-06 10:14:45
0
1
373
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template