Цветной смеситель (javascript)

Question

Я сделал простой стол с цветами фона. Каждый td имеет радио входного типа. И каждый переключатель имеет свое значение. Значение - это цвет того, где он находится.

(Picture)

Вот HTML-код.

<input type="radio" name="radio2" value="#FF0000"> 
<input type="radio" name="radio2" value="#666666"> 
<input type="radio" name="radio2" value="#003399"> 

<input type="radio" name="radio3" value="#FF0000"> 
<input type="radio" name="radio3" value="#666666"> 
<input type="radio" name="radio3" value="#003399"> 

etc... 

I've судимого получить значение щелкнули кнопки через OnClick

<input type="radio" value="#FF0000" name="radio1" id="rot" 
onClick="document.getElementById('write').value=(this.value)" 

Что я бы хотел сделать сейчас, чтобы добавить все выбранные цвета вместе и смешивать их. По крайней мере, мне нравится печатать их в div или что-то еще. Но я не знаю, как их добавить. Надеюсь, вы, ребята, понимаете, что я ищу.

Спасибо :)

Answer 1

метод JQuery для печати значения цвета кнопки радио, которая была нажата.

$('input').click(function(){ 
    alert($(this).val()); 
}); 

Теперь вам нужно хранить каждый цвет, как они нажимали, преобразовывать их значения из шестнадцатеричной в десятичную, а затем добавьте значения вместе.

Вот хороший StackOverflow вопрос о преобразовании гекс в RgB в JavaScript -

RGB to Hex and Hex to RGB

Say, если вы хотите смешанный цвет, чтобы появиться в DIV с именем «mixedColour», ваш JavaScript будет выглядеть примерно так -

$(document).ready(function(){ 
    $('input').click(function(){ 
     var selectedColour = $(this).val(); 

     //This is where you'll need to add the colours together. 

     $('mixedColour').css('background-color',selectedColour); 
    }); 
});