Skocz do zawartości

Nietypowe pole formularza - wielokrotny wybór


mweb.com.pl

Rekomendowane odpowiedzi

Gotowca na co ?

To co przedstawiasz jest zwykłą tabelą HTML z jedną komórką o czerwonym tle. W komórkach tabeli możesz zamieścić dowolne elementy języka HTML w tym pola wyboru <input type="checkbox" name="">

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

Ok, ale może źle zatytułowałem pytanie.

Z tych kilkunastu pól można wybrać tylko jedną opcję, a przecież mając wiele checboxów ktoś może kliknąć kilka.

Rozumiem że jest możliwość dostosowania pola Checkbox aby nie wyświetlał typowego okienka z możliwością zaznaczenia ptaszka tylko duże okienko z zaznaczeniem kolorem?

Odnośnik do komentarza
Udostępnij na innych stronach

To zamiast chceckboxow daje się pola typu radio

<form method="post">
<table border="1" cellpadding="3" cellspacing="3" width="300">
<tr>
	<td><input type="radio" name="nr" value="1"></td>
	<td><input type="radio" name="nr" value="2"></td>
</tr>
<tr>
	<td><input type="radio" name="nr" value="3"></td>
	<td><input type="radio" name="nr" value="4"></td>
</tr>
</table>
<input type="submit" value="go" />
</form>

Pola typu radio możesz formatować za pomocą styli CSS np: https://ryanfait.com/resources/custom-check...-radio-buttons/

------------

Można też wykorzystać do tego celu javascript i w celach umieścić klikalne divy które w polu formularza umieszczą niewidoczne

<input type="hidden" name="nr" value="1" /> o określonych wartościach zależnych od wybranego pola w tabeli.

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

A nie prosciej bedzie w ajax?

<script type="text/javascript">
function getajax(Id){
$(document).ready(function(){
$("#respons").load("info.php?a=input&id="+Id).show("fast");
});	
}
</script>

<form>
<div id="respons"></div>
<div onclick="getajax('1')"></div>
<div onclick="getajax('2')"></div>
<div onclick="getajax('3')"></div>
...
</form>

w pliku info.php dajesz:

<?
if($_GET['a'] == 'input'){
?>
<input type="hidden" name="id_komorki" value=<? echo $_GET['id']; ?>>
<?
}
?>

i tyle...

Po kliknieciu w komorke funkcja w js wysle info do info.php ktory zwroci ukrytego inputa z wybranym polem.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności