Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Active/Inactive Checkbox в зависимост от Radiobutton

Последователи

12 ноември 200916 г.

Здравейте. Бих искал да ви помоля за помощ за един мой проблем. Сигурен съм, че решението е съвсем просто, но не ми идва наум как да се справя.

Имам следната примерна форма :

<form method='post' action='someURL.php'>

  Изберете:

	<br /><br />

	<input type='radio' name='choice' value='Плочка' /> Избор 1

	<br /><br />

  В случай, че е избрано 1 :

	<br />

	Опция 1:

	<input type='checkbox' disabled name='option' value='option1' />

	<br />

	Опция 2:

	<input type='checkbox' disabled name='option' value='option2' />

	<br />

	Опция 3:

	<input type='checkbox' disabled name='option' value='option3' />

	<br /><br />

	<input type='radio' name='choice' value='друго' /> Избор 2

	<br /><br />

  В случай, че е избрано 2 :

	<br />

	Опция 1:

	<input type='checkbox' disabled name='option' value='option1' />

	<br />

	Опция 2:

	<input type='checkbox' disabled name='option' value='option2' />

	<br />

	Опция 3:

	<input type='checkbox' disabled name='option' value='option3' />

	<br />

	<br />

  <input type='submit' value='Изпрати' />

  </form>

Как да направя така, че ако е избрано например 1, опциите за него да станат активни, но за 2 да продължават да са неактивни, и обратното.

Т.е. нещо като в прикачения файл.

Предварително ви благодаря! :cool:

12 ноември 200916 г.


<head>


<script language="javascript">


function enable1(obj)

{

	document.form1.option1.disabled=!obj.checked;

	document.form1.option2.disabled=!obj.checked;

	document.form1.option3.disabled=!obj.checked;


	document.form1.option4.disabled=obj.checked;

	document.form1.option5.disabled=obj.checked;

	document.form1.option6.disabled=obj.checked;


}


function enable2(obj)

{

	document.form1.option1.disabled=obj.checked;

	document.form1.option2.disabled=obj.checked;

	document.form1.option3.disabled=obj.checked;


	document.form1.option4.disabled=!obj.checked;

	document.form1.option5.disabled=!obj.checked;

	document.form1.option6.disabled=!obj.checked;


}


</script>



</head>


<body>


<form name="form1" method='post' action='someURL.php'>

  Изберете:

        <br /><br />

        <input type='radio' name='choice'  onclick="enable1(this)" value='Плочка' /> Избор 1

        <br /><br />

  В случай, че е избрано 1 :

        <br />

        Опция 1:

        <input type='checkbox' disabled name='option1' value='option1' />

        <br />

        Опция 2:

        <input type='checkbox' disabled name='option2' value='option2' />

        <br />

        Опция 3:

        <input type='checkbox' disabled name='option3' value='option3' />

        <br /><br />

        <input type='radio' name='choice' onclick="enable2(this)" value='друго' /> Избор 2

        <br /><br />

  В случай, че е избрано 2 :

        <br />

        Опция 1:

        <input type='checkbox' disabled name='option4' value='option4' />

        <br />

        Опция 2:

        <input type='checkbox' disabled name='option5' value='option5' />

        <br />

        Опция 3:

        <input type='checkbox' disabled name='option6' value='option6' />

        <br />

        <br />

  <input type='submit' value='Изпрати' />

  </form>


</body>

</html>

12 ноември 200916 г.

Автор

Супер, точно това исках! Благодаря много (bow)

12 ноември 200916 г.

Автор

Извинявайте, ако ставам нахален, о ми е любопитно, а и може да ми бъде полезно за в бъдеще:

Какво трябва да се направи, ако вместо checkbox-ове има и radiobuttons, които да стават активни ?

Пример :


<head>

</head>


<body>

<form name="form1" method='post' action='someURL.php'>

  Изберете:

        <br /><br />

        <input type='radio' name='choice'  onclick="enable1(this)" value='choice1' /> Избор 1

        <br />

  Посочете една от опциите :

        <br />

        Опция 1 :

		<br />

		------

	<br />Под-опция 1

        <input type='radio' disabled name='option' value='option1' />

        <br />Под-опция 2

        <input type='radio' disabled name='option' value='option2' />

		<br />

		-----

		<br />

        Опция 2

        <input type='checkbox' disabled name='option1' value='option3' />

        <br /><br />

	<input type='submit' value='Изпрати' />

 </form>

 </body>

12 ноември 200916 г.

По същия начин, както с checkbox-овете.

12 ноември 200916 г.

Автор

Направих го така, но не се получи. Вероятно защото name-то на radio бутоните е еднакво и нито един от тях не става активен, само долния checkbox. Бъркам някъде, но не се усещам къде.


<head>


<script language="javascript">


function enable1(obj)

{

        document.form1.option.disabled=!obj.checked; //тъй като radio бутоните са с name='option', и тук го промених

        document.form1.option1.disabled=!obj.checked; //това е името на checkbox-a


        document.form1.option4.disabled=obj.checked; //тези за долните опции са оставени както си бяха

        document.form1.option5.disabled=obj.checked;

        document.form1.option6.disabled=obj.checked;


}


function enable2(obj)

{

        document.form1.option.disabled=obj.checked;

        document.form1.option1.disabled=obj.checked;


        document.form1.option4.disabled=!obj.checked;

        document.form1.option5.disabled=!obj.checked;

        document.form1.option6.disabled=!obj.checked;


}


</script>



</head>


<body>



<body>

<form name="form1" method='post' action='someURL.php'>

  Изберете:

        <br /><br />

        <input type='radio' name='choice'  onclick="enable1(this)" value='choice1' /> Избор 1

        <br />

  Посочете една от опциите :

        <br />

        Опция 1 :

		<br />

		------

	<br />Под-опция 1

        <input type='radio' disabled name='option' value='option1' />

        <br />Под-опция 2

        <input type='radio' disabled name='option' value='option2' />

		<br />

		------

		<br />

        Опция 2

        <input type='checkbox' disabled name='option1' value='option3' />

        <br /><br />


        <input type='radio' name='choice' onclick="enable2(this)" value='choice2' /> Избор 2

        <br />

  Посочете една от опциите :

        <br />

        Опция 1:

        <input type='checkbox' disabled name='option4' value='option4' />

        <br />

        Опция 2:

        <input type='checkbox' disabled name='option5' value='option5' />

        <br />

        Опция 3:

        <input type='checkbox' disabled name='option6' value='option6' />

        <br />

        <br />

  <input type='submit' value='Изпрати' />

  </form>


</body>

12 ноември 200916 г.

Дай им уникални имена.

12 ноември 200916 г.

Автор

Като им се сложат уникални имена си стават активни, но нали идеята на тези radiobuttons е да са с еднакви имена... за да може да се избере само едно от тях ?

Редактирано 12 ноември 200916 г. от mapko (преглед на промените)

12 ноември 200916 г.

Като им се сложат уникални имена си стават активни, но нали идеята на тези radiobuttons е да са с еднакви имена... за да може да се избере само едно от тях ?

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">



<script language="javascript">


function enable1(obj)

{

	document.form1.option1.disabled = !obj.checked;

	document.form1.option2.disabled = !obj.checked;

	document.form1.option3.disabled = !obj.checked;


	document.form1.radio1[0].disabled = !obj.checked;

	document.form1.radio1[1].disabled = !obj.checked;


	document.form1.option4.disabled = obj.checked;

	document.form1.option5.disabled = obj.checked;

	document.form1.option6.disabled = obj.checked;


	document.form1.radio2[0].disabled = obj.checked;

	document.form1.radio2[1].disabled = obj.checked;


}


function enable2(obj)

{

	document.form1.option1.disabled = obj.checked;

	document.form1.option2.disabled = obj.checked;

	document.form1.option3.disabled = obj.checked;


	document.form1.radio1[0].disabled = obj.checked;

	document.form1.radio1[1].disabled = obj.checked;


	document.form1.option4.disabled = !obj.checked;

	document.form1.option5.disabled = !obj.checked;

	document.form1.option6.disabled = !obj.checked;


	document.form1.radio2[0].disabled = !obj.checked;

	document.form1.radio2[1].disabled = !obj.checked;


}


</script>



</head>


<body>


<form name="form1" method='post' action='someURL.php'>

  Изберете:

        <br /><br />

        <input type='radio' name='choice'  onclick="enable1(this)" value='Плочка' /> Избор 1

        <br /><br />

  В случай, че е избрано 1 :

        <br />

        Опция 1:

        <input type='checkbox' disabled name='option1' value='option1' />

        <br />

        Опция 2:

        <input type='checkbox' disabled name='option2' value='option2' />

        <br />

        Опция 3:

        <input type='checkbox' disabled name='option3' value='option3' />

        <br /><br />


                <br />

                ------

        <br />Под-опция 1

        <input type='radio' disabled name='radio1' value='option11' />

        <br />Под-опция 2

        <input type='radio' disabled name='radio1' value='option12' />

                <br />

                -----

                <br />



        <input type='radio' name='choice' onclick="enable2(this)" value='друго' /> Избор 2

        <br /><br />


  В случай, че е избрано 2 :

        <br />

        Опция 1:

        <input type='checkbox' disabled name='option4' value='option4' />

        <br />

        Опция 2:

        <input type='checkbox' disabled name='option5' value='option5' />

        <br />

        Опция 3:

        <input type='checkbox' disabled name='option6' value='option6' />

        <br />

        <br />


                <br />

                ------

        <br />Под-опция 2

        <input type='radio' disabled name='radio2' value='option21' />

        <br />Под-опция 2

        <input type='radio' disabled name='radio2' value='option22' />

                <br />

                -----

                <br />


  <input type='submit' value='Изпрати' />

  </form>


</body>

</html>