javascript - How to make the current element toogle, instead of getting the toggle all element -


I have three different types of checkboxes and I am disturbing to toggle them, but all the checkboxes Toggling I just want to toggle the selected element. 

  My code is as follows: CSS ==== Oter-box {background: none repeat scroll 0 0 # ea5700; Padding: 1px; Width: 55px; Height: 23px; Box-Shadow: 2px 1px 2px # 888888; } .poly-box {Infection: All .2s ease-in-out; Background: Any repeatable scrolls 0 0 # DDDDDD; Width: 15px; Height: 20px; Margin-right: -2px; Margin-left: 0 pixels; Display area; Correct: -32 pixels; Padding: 4px 5px 3px 3px; Status: Relative; Border: None; Border-radius: 2px; Box-Shadow: 2px 2px 2px # 888888; } # Right box Winner-box {LEFT: 37px; Top: 0; } .txt {padding: 2px; / * Font-family: 'robot slab', serif; * / Font-weight: bold; font size:; White color; } # Right box .txt {float: left; } #left-box Winner-box {top: 0; Left: 0 pixels; } #left box .txt {float: right; } JS === $ (function () ($ ('. $' External box '$' ('.txt'). $ ('.txt'). CSS ('color', 'gray'); $ ('. External-CSS ('background', '# e2e2e2');} and if (value === 'left-box'); $ ('. External box' ('.') ($ '.txt'). $ '('. '); $ (' Color ',' white '); $ (' external box '). Attr (' Id ',' right-box '); $ (' Css ('background', '# ea5700');}});   
 Here is my html code in which I created three div elements  
  html ==== 
 
  
 div class =" txt " Style = "display: inline;" & gt; yes & lt; / div & gt; & lt; div class = "inner-box" & gt; & lt; / div & gt; & lt; div / div & gt; ; Div class = "external-box" id = "right-box"> 
  
 Here if I am transferring all instead of selecting any checkbox, I want to toggle the current object which is clicked I have also used the 'this' keyword. But in vain   
 
 
 To target  .txt  elements with proper reference Required: Click  $ (' External box ') (function () {var value = this.id, $ txt = $ (this) .find (' .txt '); if ( Value === 'right bock C ') {$ txt.text (' NO '). CSS (' color ',' gray '), $ (this) .attr (' id ',' left-box '); $ (this). 'Background', '# E2A2E2');} and if (value === 'left box') {$ txt.text ('yes'). CSS ('color', 'white'); $ (This) .attr ('id', 'right-box'); $ (this) .css ('background', '# ea5700');}});   
 Click the related  .txt  element within the handler, only  $ (this) .find ('.txt')  and is currently clicked  .auer- Box with  $ (this) .  
 Also keep in mind that you have repeated the ID in HTML, for example instead of using classes it should be corrected instead.  
 Demo:   

 






























    





Comments











Post a Comment

Popular posts from this blog

sonata admin - how to add ManyToOne property field in configureListfield in sonataAdmin -

I have a phone unit unit that contains many properties for many unit entity classes I An exception is given during the rendering of a template ("You must define a associated_property option or Create a \ __counter __ \ Examens \ ExamensBundle \ unit \ Grade Proxy :: __ toString service examens.examens.admin.fonctionnaire from the field option idGrade to the method is in SonataDoctrineORMAdminBundle "): CRUD: Line_ on line_list_orm_many_to_one.html.tw Fontionnaire.php class: & lt ;? Php namespace exams \ ExamensBundle \ Entity; Use the theory / ORM \ mapping as an ORM; / ** * PhoneNationLayer * / Class Fictionalair {//...//// ** * @VARAEfimens \ Examinations Bundle \ Unit \ Grade * / Private $ IDGed; //...//} FonctionnaireAdmin.php: & lt ;? Php namespace exams ExamensBundle \ Admin; Use Sonata \ AdminBundle \ Admin \ Admin; Sonata \ AdminBundle \ Datagrid \ ListMapper; Sonata \ AdminBundle \ Datagrid \ DatagridMapper; Sonata \ AdminBundle \ Validat...
Read more

sql - Return Function using Cursor -

My current schedule is: USERID Department NAME Real Estimated 522 Xyz Department John Wayne 2/1/14/14 8:34 522 Investigation Department John Wayne 2/17/1411: 21 78 9Except Department Bill Smith 2/17/14 9:41 78 9 Excise Department Bill Smith 2/17/14 11:16 78 9 Excise Department Bill Smith 2 / 17/14 11:50 78 9 Excise Department Bill Smith 2/17/14 12: 18 856 Explore Department Raul Castill 2/17/14 9:25 I have to create a function which enables me to enter a user ID and that Allows the user to return data from the person. However, I want to take the first line and want to hold the actual date and then put it in the 'column' check and I also carry the last row and store it in 'Check Out' in the column call. Basically, for every day, I want to record the records in the user's time and want to take the time for each day. This is what I have done so far " return @RtnValue table (useridd integer, deptname varchar (max), emplname varchar (100), actualDate da...
Read more

sql server - How to use pivot in this table -

वास्तविक तालिका संरचना ==================== =============== slno ParnetID ParnetName संवर्धन मार्केटर 1 SLM1010S SKR.RAJASHEGARAN 2 43640 2 40049 M.KANNAN 3 43640 3 40018 M.PRABU 6 43,640 4 SLM1010S SKR.RAJASHEGARAN 2 43641 5 40042 M.KANNAN 3 43,641 6 40011 M.PRABU 6 43,641 मैं अपने प्रश्न हैं: अस्थायी रूप (slno, parentid, parentname, parentpromotionid, marketerid, (चयन गणना (*) parentmaster कहां t1.marketerid = marketerid और t1.parentid से चयन युक्त = parentid और t1.parentname = parentname और slno & lt; = t1.slno) ROWNUM के रूप में parentmaster t1 रूप से) का चयन करें marketerid, [2], [6], [3] अस्थायी धुरी से (न्यूनतम (parentid) के लिए parentpromotionid में ( [2], [6], [3])) के रूप में टी लेकिन मैं इस तालिका संरचना चाहते हैं MarketerID 2 से 6 3 43,640 SLM1010S 40,018 40049 43641 SLM1010S 40011 40042 यह आपकी मदद कर सकता है .. बाज़ार का चयन करें, [2], [3], [6] से ( मार्केटर का चयन करें, संवर्धन, ParnetID parentmaster) घ धुरी (न्यूनतम (ParnetID) ([2], [3], [6])) के ...
Read more