2016-12-21 9 views
2

UIから整数の値を設定し、javascriptに設定したいと考えています。基本的に私はC3チャートで作業しています。私は最大と最小の関数を使用しています。私は、ユーザーがUIからそれらの値を変更し、順番にJavaScriptの値を変更したいと思います。JavaScriptのUIからの値を設定する

機能:

$(function(){ 
    instance.axis.max(); 
}); 

あなたは基本的に、最大のパラメータと値を設定することができますここでは、チャートのY軸を設定する関数です。これは私が意図したとおりに機能しますが、UIから動的にする方法はありますか?

<div class="y-axis"> 
    <input type="number" id="replyNumber" min="0" data-bind="value:replyNumber" /> 
</div> 

私はデータ属性を設定することができる方法があります:今、私はここでの最大値がテキストフィールド

HTMLテキストフィールドで変更するように配線したいと思い、このテキストフィールドのセットアップが持っていますHTMLに変換して、それをjavascriptに設定しましたか?

+0

したがって、ユーザーがその入力に値を入力すると、その値を取得してmax関数のパラメーターとして使用しますか? –

答えて

2

あなたはJQueryを使用しています。したがって、あなたは以下のようにこれを行うことができます

$(function(){ 
    var number = $("#replyNumber").attr('min'); 
    //if this is not number then convert it into number. 
    // number = Number(number); 
    instance.axis.max(number); 
}); 
+0

私はmin属性がhtml5で使用されている属性であると考えています。タイプ番号http://www.w3schools.com/html/html_form_input_types.aspの入力を使用する場合 –

+0

あなたは正しい人です –

関連する問題