javascript - Radio buttons enable/change CSS on submit button -

javascript - Radio buttons enable/change CSS on submit button -

While making changes between the two radio buttons, I am trying to change the CSS class of the submit button The example is not getting, and hopefully someone can help me ...

This is my form;

  & lt; Form class = "orderform" & gt; & Lt; Input type = "radio" name = "likes" id = "out" value = "140" checked & gt; & Lt; Label for = "out" & gt; Give me a & lt; / Label & gt; & Lt; Input type = "radio" name = "likes" id = "in" value = "40" & gt; & Lt; Label for = "in" & gt; Let me know B & lt; / Label & gt; & Lt; Input type = "submit" value = "save changes" class = "submit-btn-disable" disable = "disabled" & gt; & Lt; / Form & gt; (Default = "submit-btn-disabled" "mouseover" event:    input type = "submit" value = "save changes" class = "submit-btn" & gt; ;  
  CSS class here; 
   input.submit-btn-disabled {-webkit-box-shadow: none; -WebKit-box-shadow: None; Box-shadow: none; -WebKit-appearance: textfield; -WebKit-box-size: content-box; -Vibit-boundary-radius: 0 AM; -mobile-radius: 0em; boundary-radius : 0m; range: none; background color: # c4daaa; pay Ding: 0.8m; font-size: 0.8m; color: #fff; cursor: indicator; margin-top: 1am;} Input.submit-btn {-webkit-box-shadow: none; -WebKit-box-shadow : None; Box-shadow: none; -webkit-presence: textfield; -webkit-box-shape: content-box; -viith-border-radius: 0m; -move-border-radius: 0em; border- Radius: 0m; Border: None; Background Color: # 3A7B30; Padding: 0.8M Font Size: 0.8 AM Color: #fff; Cursor: Indicator; Margin-Top: 1 AM;} Input .submit-btn: hover {background-color: # 82bc00; }

  
  This should do the trick - 
  You will be able to toggle class Function and CSS changes - 
  JS 
   $ ("[name = choice]"). Click (function () {$ ('. Submit-btn') ToggleClass ('active');});  
  css 
   input.submit-btn.active {background-color: # 82bc00;}  
  such Rather than changing the category of Submitted-BTN and Submitted-BTN-Handicapped, you can add or remove active squares and give you the behavior you want.


















Get link





Facebook





Twitter





Pinterest





Email





Other Apps




Comments





Post a Comment







Popular Posts




devexpress - Check or uncheck checkbox on ASPxGridView
OnSelectionChanged event -



    I have a set of checkboxes that should be checked under a certain condition. Now, when I click on a row in a grid, the on-change event is removed. But when I try to change the property checked in the check box, nothing happens. Here's how I do it.    Protected Zero RadGrid1_OnSelectionChanged (Object Sender, EventArgs E) {ASPxGridView Grid = (ASPxGridView) Sender; Object Value = Grid Getroolues (Grid FocusdoundX, "Estorse Access"); Bool AllAccess = Convert. ToBoolean (value); If (isAllAccess) {for (ii = 0; i & lt; RadGrid2.VisibleRowCount; i ++) {ASPxCheckBox chk = RadGrid2.FindRowCellTemplateControl (I, blank, "checkbox 1") as ASPxCheckBox; Chk.Checked = True; Chk.Attributes.Add ("Check", "Check"); }} And {// Other stuff}}    I can only get the price which is only checking the problem, checking the check box, Did "try to add a feature but still nothing happens. any idea? Thanks!      






firebird2.5 - What is the use of firebird.msg in firebird database -



    I'm thinking of using Firebird with my application. I would like to know that the  firebird.msg  is used for the file. Is it an optional or compulsory file to include in your app installer package?       firebird.msg  contains firebird's actual error messages when an error occurs , Firebird only sends the error code and message parameters. The client library then sees the actual error message text in this file.   Without the presence of this file (for firebird 2.5 and earlier its in a folder for  fbclient.dll  (or similar libraries), Firebird 3 and later the same folder In) errormessage will only report that it can not get the  firebird.msg  and error number.   So you do not really need it, but if you need firebird clients or embedded libraries or want and if you want or want a meaningful error message from the firebird, then you should include it.     






javascript - How to set the table width to parent div width in
wordpress widget -



    I am writing a plugin for WordPress and use a table layout in the widget wrapper to display rankings and game schedules. I am doing A line with all the information given is used in approximately 1000 pix width for a widget with a width of 260px or 360px, I want to leave less important information to display the most important information in a row. Due to interchangeable themes in WordPress, I do not know how many widgets will be in WordPress.  and examples of my current theme, based on the available width, I want to display more or fewer columns to fill the row. My idea is to first set the width of the table in the inner width of the wrapping divis, that I can do this with something like    $ ('# objects'). Width ($ ('# Object') .Parent (.) Width ()); Second, it is my goal that to display some columns per line, depending on the width of the row   My questions:    Is my planned way of accomplishing this by sending the width of the table as the parameter of the javasc








Powered by Blogger