javascript - Use inputs multiple times -

-

i have 3 input fields type:number called separately when pushed on button. instance, click on button1 dialog1 appears , on.. want in code behind (jquery) value number input , place in <div class="total-price"></div>

<div id="dialog1">     <h2>product 1</h2>     <input type="number" class="col-md-4 amount" id="amount" min="0" max="10" step="1" value="0">     <div class="total-price">total:</div> </div>  <div id="dialog2">     <h2>product 1</h2>     <input type="number" class="col-md-4 amount" id="amount" min="0" max="10" step="1" value="0">     <div class="total-price">total:</div> </div>  <div id="dialog3">     <h2>product 1</h2>     <input type="number" class="col-md-4 amount" id="amount" min="0" max="10" step="1" value="0">     <div class="total-price">total:</div> </div>

jquery

  $(".amount").change(function(){     price = 9.99;     amount = $(".amount").val()     total = price * amount;     $(".total-price").html("totaal: &euro; " + total);   });

this works fine, changes .total-price divs... work id i'm not here id="amount1", id="amount2", id="amount3"

that's messy.

try .siblings() , change $('.amount').val() $(this).val() (to value of input being referred to)

  $(".amount").change(function(){     price = 9.99;     amount = $(this).val()     total = price * amount;     $(this).siblings(".total-price").html("totaal: &euro; " + total);   }); 

$(".amount").change(function(){      price = 9.99;      amount = $(this).val()      total = price * amount;      $(this).siblings(".total-price").html("totaal: &euro; " + total);    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div id="dialog1">      <h2>product 1</h2>      <input type="number" class="col-md-4 amount" id="amount" min="0" max="10" step="1" value="0">      <div class="total-price">total:</div>  </div>    <div id="dialog2">      <h2>product 1</h2>      <input type="number" class="col-md-4 amount" id="amount" min="0" max="10" step="1" value="0">      <div class="total-price">total:</div>  </div>    <div id="dialog3">      <h2>product 1</h2>      <input type="number" class="col-md-4 amount" id="amount" min="0" max="10" step="1" value="0">      <div class="total-price">total:</div>  </div>


Comments

Post a Comment

Popular posts from this blog

How to run C# code using mono without Xamarin in Android? -

-
i want create program uses mono runtime run c# code (binary not application). i copied libmono.so unity app , i'm write code using documentation: http://www.mono-project.com/docs/advanced/embedding/ and it's working have problems references can access classes mscorlib.dll , have problems system.reflection.assembly class throwing exception, when print console see: system.missingmethodexception: method not found: 'system.reflection.assembly.op_inequality' can fix it? can use mono runtime in c binary on android? ps. i'm using android tests. edit: found solution loading libraries, need set environment variable mono_path libraries path. but have still problems assembly class. the system.missingmethodexception error have seems .net profile mismatch error, 1 explained here . can use mono runtime in c binary on android? yes, using ndk guess. there alternatives can use instead of rolling own, such xmadevlab .
Read more

html - grunt SVG to webfont -

-
i'm trying generate webfont svgs using grunt-webfont . the issue need task valid on windows , linux machines. in order achieve need use node engines doesn’t work svg files . i know if there way convert svgs proper svg format supported grunt plugin or alternatively there better grunt plugin/s achieve this i have task able take svgs (created in illustrator) , output webfont files (.eot,.svg,.svg,...) , css file (like icomoon export) thanks. perhaps artboard small. recommend checking have 512pt x 512pt artboard each icon. stumbled upon gem ( https://www.fourdigits.nl/blog/using-a-webfont-to-display-icons ) when grunt-webfont documentation left me alone in forest.
Read more

python - Specify path of savefig with pylab or matplotlib -

-
i struggling on how find correct way specify save path (or repository) when calling function savefig in matplotlib or pylab. i tried several syntaxes, everytime python console returns : filenotfounderror: [errno 2] no such file or directory: '../mydocs/resource/frames/myimage.png' currently, have written following : pylab.savefig('../mydocs/resource/frames/myimage.png') does know how it? thanks in advance! the tilde operator , variable $home entered strings , therefore not function while saving. have provide either relative path (as did) or provide full path. eg. pylab.savefig("/home/username/desktop/myfig.png") .
Read more