用戶友好的，形式輸入總是總計爲100

我有一個動態產生的形式，需要從總計爲100（％）的用戶收集幾個數值。我考慮編寫一個腳本/算法來調整幾個文本字段的剩餘值 - 這樣當用戶更改一個值時，其餘值會動態更改（這樣值總是爲100）。然而，我並不是文本字段，而是真的更喜歡像滑塊一樣更容易使用的滑塊，這些滑塊在調整一個滑塊或其他用戶友好的小部件（如可調餅圖（？）總是100％）。用戶友好的，形式輸入總是總計爲100

該腳本需要在Firefox，Chrome和IE的版本後期工作。我在某處閱讀了HTML5滑塊在Firefox中無法使用的地方。

我打開不同的解決方案。

來源

2012-07-19 John R

我沒有得到你的問題清楚了，假設你需要一個值滑塊，其中一人會滑動，自動酒吧將增加1每一次，所以儘量使用jQuery和Ajax，將滿足您的要求，您可以檢查出幾乎沒有超過here。

來源

2012-07-19 06:34:45

滑塊在Firefox正常工作 - 嘗試http://www.colorpicker.com/

來源

2012-07-19 08:44:16 Dave

您可以使用jQuery UI slider，如果你喜歡。您可以在change事件上註冊自定義功能，以輕鬆調整其他滑塊。那麼到底

你有這樣的事情（一些僞代碼吧）：

$("#slider1").slider({ 
    change: function(event, ui) { 
     var i = 100 - value_of_slider1/number_of_sliders_remaining; 
     $("#slider2).setValue(i); 
     $("#slider3).setValue(i); 
    } 
});

當然，這可以實現很多更復雜。只是爲了給你基本的想法。取決於你的標記。

來源

2012-07-19 12:35:22

我還沒有與在FireFox滑塊的問題。

你可以有不同的滑塊/輸入設備計算對方獲得由部門或任何輸出，則有最後/最小數中減去，而不是從除以總。這樣，您的其他計算將精確到準確性，而最不重要的值可以彌補其餘部分。

來源

2012-07-20 21:04:18 BillyNair

用戶友好的，形式輸入總是總計爲100

回答

相關問題