| Liza_rub |
19.03.2016 20:00 |
управление функциями радиокнопками
Всем привет.
помогите решить проблему.
имеются две таблицы, для управления этими таблицами имеются две радиокнопки, одна обозначает одну таблицу, а вторая другую, и имеются 4 кнопки которые добавляют и убирают строки и столбцы. нужно сделать так чтобы при выделении первой радиокнопки, кнопки работали только для первой таблицы, а при выделении второй для второй таблицы
[[HTML]
<body>
<div id="left_body">
<div class="check">
<form>
<input type="radio" value="1" class="radio" name="rad" id="r_1"/><label for="r_1" >Матрица А</label>
<input type="radio" value="2" class="radio" name="rad" id="r_2"/><label for="r_2">Матрица B</label>
</form>
</div>
<div class="izm_matr">
<table border="0" cellpadding="0" cellspacing="10">
<tr>
<td class="button" id="dob_str"><p>Добавить</p></td>
<td class="button" id="del_str"><p>Удалить</p></td>
<td><p>Строку</p></td>
</tr>
<tr>
<td class="button" id="dob_cell"><p>Добавить</p></td>
<td class="button" id="del_cell"><p>Удалить</p></td>
<td><p>Столбец</p></td>
</tr>
</table>
</div>
</div>
<div id="right_body">
<div class="A_matr">
<table border="0" cellpadding="" cellspacing="10">
<form class="first_matr">
<tr>
<td><input type="text" ></td>
<td><input type="text" ></td>
</tr>
<tr>
<td><input type="text" ></td>
<td><input type="text" ></td>
</tr>
<tr>
<td><input type="text" ></td>
<td><input type="text" ></td>
</tr>
<tr>
<td><input type="text" ></td>
<td><input type="text" ></td>
</tr>
</form>
</table>
</div>
<div style="clear: both; height: 1px;"></div>
<div class="B_matr">
<table border="0" cellpadding="" cellspacing="10">
<form class="first_matr">
<tr>
<td><input type="text" ></td>
<td><input type="text" ></td>
<td><input type="text" ></td>
</tr>
<tr>
<td><input type="text" ></td>
<td><input type="text" ></td>
<td><input type="text" ></td>
</tr>
<tr>
<td><input type="text" ></td>
<td><input type="text" ></td>
<td><input type="text" ></td>
</tr>
<tr>
<td><input type="text" ></td>
<td><input type="text" ></td>
<td><input type="text" ></td>
</tr>
</form>
</table>
</div>
</div>
</body>
jQuery(document).ready(function($) {
var matr;
function prov(){
if($("r_1").prop("checked")){
matr=".A_matr";
}else{
matr=".B_matr";
}
}
function dob_str(matr){
$(matr).find('table').append($(matr).find("tr:last").clone());
num_str("a",matr);
}
function dob_cell(matr){
$(matr).find('tr').append($(matr).find("td:first").clone());
num_str("a",matr);
}
function del_str(matr){
$(matr).find("tr:last").detach();
}
function del_cell(matr){
$(matr).find("tr").find("td:last").detach();
}
$("#r_1").change(function(){
$("#dob_str").bind("click",dob_str(prov()));
})
$("#r_2").change(function(){
$("#dob_str").bind("click",dob_str(prov()));
})
});
Это все, до чего я додумалась, но ничего не работает((
помогите пожалуйста!!!! |