Checkboxes Active and Inactive Fields

[reletobg]

Здравейте!!
Искам да използвам checkbox за смяна на активни полета.Например качваш снимка,но с checkbox-а полето за файла да става неактивно ,а до него друго текст поле да се активира и да се задава чрез url снимката.Гледай го в някой сайт това,но немога да си спомня къде.Моля помогнете ми! :wink:

 

[F1r3Fl3x]

var check = document.getElementById('check');
var file = document.getElementById('fileField');
var text = document.getElementById('textField');
check . click = function(){
    if( check.checked ){
        text.setAttribute('readonly', 'readonly');
        file.setAttribute('disabled', false);
    }
    else{
        text.setAttribute('readonly', false);
        file.setAttribute('disabled', 'disabled');
    }
        
};

Където check е айдито на чек бутончето, fileField и textField съответно са айдитата на формата за файла и полето за текст.
Ако искаш да размениш действието на бутона сложи ! (удивителен знак) пред check.checked
Не забравяй да пуснеш скрипта, след акто е заредил DOM-а на страницата!
Ако нещо не е ясно, питай

 

[reletobg]

Не забравяй да пуснеш скрипта, след акто е заредил DOM-а на страницата!

Сложих го,настроих го,но не тръгна.А и не разбрах какво имаш под предвид "ДОМ". :roll:

Едит:Намерих какво е DOM(Document Object Model) в W3shool,но какво правих какво не и пак нищо не стана.

 

[F1r3Fl3x]

Пф, трябва да смениш click на onchange :lol:
Ето ти целия код

<html>
<head>
<script>
window.onload = function(){
	var check = document.getElementById('check');
	var file = document.getElementById('fileField');
	var text = document.getElementById('textField');
	check . onchange = function(){
		if( check.checked ){
		    text.setAttribute('disabled', 'disabled');
		    file.removeAttribute('disabled');
		}
		else{
		    text.removeAttribute('disabled');
		    file.setAttribute('disabled', 'disabled');
		}
		   
	}; 

};
</script>
</head>
<body>
<input type="checkbox" id="check" name="asd">
<input type="text" id="textField">
<input type="file" id="fileField">
</body>
</html>

 

[reletobg]

Златен си! :?: :?: :?:
Аз пробвах с DOM,но после не се махаха функциите.
Мерси много.Сигурен съм,че и на други ще им послужи много добра работа. :?: :?: :wink: