Показать сообщение отдельно
  #2 (permalink)  
Старый 29.11.2012, 08:03
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Noscript вариант:

<style>
    button[name="action"] {
        border: none;
        padding: 0;
        background: none;
        text-decoration: underline;
        color: #284A67;
    }
</style>
...
<form action="/user" method="get">
    <input type="radio" name="id" value="666" />
    ...
    <input type="radio" name="id" value="777" />

    <button type="submit" name="action" value="edit">Редактировать</button>
    <button type="submit" name="action" value="delete">Удалить</button>
</form>



javascript вариант:


<input type="radio" name="id" value="666" />
...
<input type="radio" name="id" value="777" />

<a rel="action" href="/user?action=edit">Редактировать</a>
<a rel="action" href="/user?action=delete">Удалить</a>

<script>
    (function(){
        var actions = document.querySelectorAll('[rel="action"]');
        for (var i = 0; i < actions.length; i++)
        {
            actions[i].onclick = function(){
                var id = document.querySelector('[name="id"]:checked').value;
                location.href = this.href + '&id=' + id;
            }
        }
    })();
</script>
Ответить с цитированием