0

У меня есть 4 ячейки. При клике по ним в каждой появляется "Text 1". Мне нужно, чтобы при клики на ячейку (c1) "кликалась" ячейка (с2). То есть при клике на (с1) одновременно происходил клик на ячейку (с2). Заранее спасибо за помощь!

<head>
    <script>
        var current = "Text 1";
        function onClick(sender) {
            if (sender.innerText == "") {
                sender.innerHTML = current;
            }
        }
    </script>
</head>
<body>
    <table border="1" cellpadding="50px;">
        <tbody>
            <tr>
                <td id="c1" class="cell" onclick="onClick(this);"></td>
                <td id="c2" class="cell" onclick="onClick(this);"></td>
            </tr>
            <tr>    
                <td id="c3" class="cell" onclick="onClick(this);"></td>
                <td id="c4" class="cell" onclick="onClick(this);"></td>
            </tr>
        </tbody>
    </table>
</body>
4
  • А при клике на c2? А при клике на c3? А при клике на c4? 9 янв 2016 в 12:41
  • Я бы хотел рассмотреть только один пример, после я сам смогу прописать то, что мне нужно.
    – A.Hall
    9 янв 2016 в 12:51
  • Просто понимаете штука в чем, в зависимости от задачи логика будет разной. например при клике c1 чтобы происходил еще и клик на c2 - одно, а если у вас предполагается при клике на c2 чтоб кликалась c4 это совсем другое. То есть можно сделать решение на основе миллиона айдишников, что вы присвоите ячейкам, а можно сделать решение на основе общей строки, или общего корня в виде table 9 янв 2016 в 13:10
  • Пока мне нужно только при клике с1 происходил еще и клик на c2.
    – A.Hall
    9 янв 2016 в 13:16

1 ответ 1

1

var current = "Text 1";

function onClick(sender) {
  if (sender.id == 'c1')
    $('#c2').click();
  
  if (sender.innerText == ""){
    sender.innerHTML = current; 
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table border="1" cellpadding="50px;">
    <tbody>
    <tr>
        <td id="c1" class="cell" onclick="onClick(this);"></td>
        <td id="c2" class="cell" onclick="onClick(this);"></td>
    </tr>
    <tr>    
        <td id="c3" class="cell" onclick="onClick(this);"></td>
        <td id="c4" class="cell" onclick="onClick(this);"></td>
    </tr>
    </tbody>
</table>

1
  • Да, то, что нужно! Спасибо за помощь!
    – A.Hall
    9 янв 2016 в 13:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.