0

基本的に、入力ボックスから情報を取得し、その変数をオブジェクト リテラル内で使用するのに問題があります。

これが私のコードです：

$("document").ready(function() {

    function updateEvent(){
        render();
    }

    function render() {
                     //get values from input
            var gallons = $("#gallons").val();
            var electricity = $("#electricity").val();
            var energy = $("#energy").val();

        var figure = new Highcharts.Chart({

            series: [{
                    name: 'Throttle',
                    data: [0, 0, 30 , 0, energy, 30, 0, 0] //Variables will not work in here, no specific error but data doesn't show
                }, {
                    name: 'Power',
                    data: [30, 30 , 30, 30, 30, 30, 30, 30]
                }]

        });

関数を埋め込んで他のトリックを実行しようとしましたが、何もうまくいきませんでした。間違っている可能性があります。よくわかりません。構造を完全に再コーディングせずに、オブジェクト リテラル内で変数を使用する方法はありますか。

どんな助けでも大歓迎です。

4

1 に答える 1

1

入力ボックスから値を取得し、その値をオブジェクト リテラル内で使用する方法は?

function doStuff(){
      var realIncome = document.getElementById("income").value;
      var objLit= { realIncome: realIncome,
                 desiredIncome: realIncome * 4 };
      console.log(objLit);
      document.getElementById("out").innerText = 
            objLit.realIncome + " " + objLit.desiredIncome;
 }

そしてHTML

Big Number 
<input id="income" name="income" type="number" 
    placeholder="please enter your desired income">
<button name="calculate" onclick="doStuff()">click me </button>​

Your income <span id="out"></span><br />

私のデモコードを見てください: http://jsfiddle.net/mppAM/2/

于 2012-10-26T10:08:18.840 に答える