Herein, we proposed an innovative visual quantitative sensing strategy based on thiol-ene click chemistry and the capillary action principle. A triethoxyvinylsilane (VTEO)- or mercaptopropylsilatrane (MPS)-modified interface was prepared for analyte recognition. Target analyte molecules containing thiol groups or C═C double bonds are coupled to the VTEO- or MPS-modified inner surface of the glass capillary tube via a thiol-ene click reaction, respectively. Then, the molecular recognition events were transformed into the wettability change of the inner wall of the glass capillary. The concentration of the target molecules was quantified by reading the height change of the water column in the capillary tube. As a proof of concept, this strategy was successfully used to build visual quantitative sensors for detecting glutathione and cholesterol. In addition, this strategy showed a good anti-interference ability to complex biological fluids and realized sensitive glutathione (GSH) and cholesterol detection in real human blood samples.