Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Checkbox-OnClick-Textbox- нужна помощь (https://javascript.ru/forum/events/18908-checkbox-onclick-textbox-nuzhna-pomoshh.html)

chif 20.07.2011 09:13

Checkbox-OnClick-Textbox- нужна помощь
 
Только начинаю разбираться с Javascript, поэтому прошу прощения за тупые вопросы.
Усть группа checkbox. Каждому соответствует его textbox. При OnClick -Show/Hide textbox.
Также присутствует общий -Выделить все.
По отдельности они работают, а вместе не хотят. Подскажите где ошибка. Pls.:cray:
Вот код:
<script language="javascript">
function checkAll(oForm, cbName, checked)
{
for (var i=0; i < oForm[cbName].length; i++) oForm[cbName][i].checked = checked;
}

function update(checkObj,textID) {
var textObj = document.getElementById(textID);
textObj.style.visibility = checkObj.checked?'visible':'hidden';
}
</script>

<form>
<table>
<tr>
<td> <input type="checkbox" name="total" value="id" onClick="checkAll(this.form,'chk',this.checked)">� �тметить все </td>
</tr>

<tr>
<td> <input name="chk" type="checkbox" id="a" value="1" onclick="update(this,'text')"> </td>
<td> <input type="text" id="text" style="visibility:hidden;"> </td>
</tr>
<tr>
<td> <input name="chk" type="checkbox" id="b" value="2" onclick="update(this,'text1')"> </td>
<td> <input type="text" id="text1" style="visibility:hidden;"> </td>
<tr>
<td> <input name="chk" type="checkbox" id="c" value="2" onclick="update(this,'text2')"> </td>
<td> <input type="text" id="text2" style="visibility:hidden;"> </td>
<tr>
<td> <input name="chk" type="checkbox" id="d" value="2" onclick="update(this,'text3')"> </td>
<td> <input type="text" id="text3" style="visibility:hidden;"> </td>

</table>
</form>

ваый 20.07.2011 11:31

<script language="javascript">
function checkAll(oForm, cbName, checked) {
    for (var i=0; i < oForm[cbName].length; i++) {
        oForm[cbName][i].checked = checked;
        update(oForm[cbName][i], 'text' + oForm[cbName][i].value);
    }
}

function update(checkObj,textID) {
    var textObj = document.getElementById(textID);
    textObj.style.visibility = checkObj.checked?'visible':'hidden';
}
</script>

<form id="frm">
<table>
<tr>
    <td>
        <label><input type="checkbox" name="total" value="id" onClick="checkAll(document.getElementById('frm'), 'chk', this.checked)"> Check all</label>
    </td>
</tr>
<tr>
    <td><input name="chk" type="checkbox" id="a" value="1" onclick="update(this,'text1')"></td>
<td> <input type="text" id="text1" style="visibility:hidden;"> </td>
</tr>
<tr>
<td> <input name="chk" type="checkbox" id="b" value="2" onclick="update(this,'text2')"> </td>
<td> <input type="text" id="text2" style="visibility:hidden;"> </td>
<tr>
<td> <input name="chk" type="checkbox" id="c" value="3" onclick="update(this,'text3')"> </td>
<td> <input type="text" id="text3" style="visibility:hidden;"> </td>
<tr>
<td> <input name="chk" type="checkbox" id="d" value="4" onclick="update(this,'text4')"> </td>
<td> <input type="text" id="text4" style="visibility:hidden;"> </td>

</table>
</form>

chif 20.07.2011 22:41

CheckAll не работает.
 
CheckAll не работает. :cray:

chif 20.07.2011 22:45

Необходимо чтобы при выделении CheckAll выделялись все CheckBox и появлялись все TextBox. При снятии выделения хотя бы с одного CheckBox исчезало выделение CheckAll.

ваый 20.07.2011 23:14

>> CheckAll не работает
В примере, что я запостил выше, тоже не работает?

chif 24.07.2011 07:57

>> CheckAll не работает
 
В твоем работает. Не могу понять почему мой долбаный интерпретатор его не признает. Есть варианты? :(

chif 24.07.2011 08:00

В моем первом примере обе функции работали по отдельности, а вместе не хотят.


Часовой пояс GMT +3, время: 00:07.