Unable to click label under IOS due to compatibility

Today, I encountered a rare problem when I made a mobile page, that is, clicking the label cannot select the checkbox related to it. The following is the problem code:

<Li class = "list-item clearfix policy-toggle"> <label class = "setting-title"> New Message notification </label> <div class = "toggle-box"> <input id = "btn_setting_toggle" type = "checkbox"> <label class = "toggle-ui" for = "btn_setting_toggle"> </label> </div> </li>

In this case, the checkbox cannot be selected when you click label in any browser of ios4. Other systems or mobile phones can work normally.

Final Solution: Finally, I found the answer under the omnipotent stackoverflow: HTML <label> command doesn't work in Iphone browser, which is actually adding an empty click event. Modified code:

<Label class = "toggle-ui" for = "btn_setting_toggle" onclick = ""> </label> // Add an empty click Event

The biggest emotion is: you have already stepped on many predecessors, so there are still a lot to go!