javascript - jQuery change/toggle classes between buttons from inside PHP loop -

-

i have set of 2 buttons inside loop.

<button class="dislike-btn" data-id="dislikebtn-1>">dislike</button> <button class="like-btn" data-id="likebtn-1">like</button> <br /> <button class="dislike-btn" data-id="dislikebtn-2">">dislike</button> <button class="like-btn" data-id="likebtn-2">like</button> <br /> <button class="dislike-btn" data-id="dislikebtn-3">">dislike</button> <button class="like-btn" data-id="likebtn-3">like</button>

the desired functionality 1 button in each set/iteration selected, achieved adding/removing class (.dislike-btn-solid .dislike-btn , .like-btn-solid .like-btn) other button. in other words, if user clicks "like" .like-btn-solid added .like-btn , if .like-btn-solid selected on .dislike-btn before remove it.

i'd need jquery in selected button id's. i've tried different functions i.e closest(), hasclass(), removeclass() stuck selected right id's. jquery not strength highly appreciate working example or pointers in right direction. thanks!

radio buttons better tool that, if has normal buttons:
set data-* attribute same both buttons , use that, (not 100% sure if got correctly how classes should added/removed):

$('.like-btn').click(function(){    var $button = $(this);    var buttonnumber = $button.data('button');      $button.addclass('like-btn-solid');    $('.dislike-btn[data-button="'+buttonnumber+'"]').removeclass('dislike-btn-solid');  });    $('.dislike-btn').click(function(){    var $button = $(this);    var buttonnumber = $button.data('button');      $button.addclass('dislike-btn-solid');    $('.like-btn[data-button="'+buttonnumber+'"]').removeclass('like-btn-solid');  });
.dislike-btn-solid {    color: red;  }    .like-btn-solid {    color: blue;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <button class="dislike-btn" data-id="dislikebtn-1" data-button="1">dislike</button>  <button class="like-btn" data-id="likebtn-1" data-button="1">like</button>  <br />  <button class="dislike-btn" data-id="dislikebtn-2" data-button="2">dislike</button>  <button class="like-btn" data-id="likebtn-2" data-button="2">like</button>  <br />  <button class="dislike-btn" data-id="dislikebtn-3" data-button="3">dislike</button>  <button class="like-btn" data-id="likebtn-3" data-button="3">like</button>

i'm sure in single click handler both clearer have seperate this.


Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

qt - How to embed QML toolbar and menubar into QMainWindow -

-
i using qwt library plot data. seems not possible embed qwidget qml quick 2 . so, decided create qmainwindow main window , create toolbar , menubar using quick controls . how should embed qml toolbar , menubar qmainwindow ? you should create qml applicationwindow qml menubar , toolbar main.qml applicationwindow { visible: false menubar: menubar { menu { title: "edit" menuitem { text: "cut" } } } toolbar: toolbar { row { anchors.fill: parent toolbutton { iconsource: "1.png" } } } } main.cpp qapplication app(argc, argv); qqmlapplicationengine engine; engine.load(qurl(qstringliteral("qrc:///main.qml"))); then pointer applicationwindow qwindow *qmlwindow = qobject_cast<qwindow*>(engine.rootobjects().at(0)); create window container, using qwidget::createwindowco...
Read more