通常、フォームを使うときは、labelタグを使って選択しやすくすると思います。
しかし、スマホではlabelで囲った部分をタップしても反応しないことがあるので、ちゃんと対策しないといけません。
これは、labelがタップされるためのものと認識されていないためなようです。
方法は2つあります。
pointer
cssで指定する。
label{
cursor:pointer;
}
onclick
labelにonclickを追記する。
<input type="radio" id="sunflower" name="flower" /><label for="sunflower" onclick="">ひまわり</label>
//または
<label onclick=""><input type="radio" name="flower" />チューリップ</label>
jQueryで書く。
$("label").click(function() {});
jQeryの方が一括指定できるので便利だが、他のjQueryなどと競合する場合もあるので注意。