The development of stimuli-responsive functional fluorescent hydrogels is of great significance for the realization of artificial intelligence. In the present work, we design and synthesize a stimulus-responsive hydrogel embedded with an aggregation-induced emission (AIE) monomer, in which the fluorescence brightness and intensity can be tuned. The hydrogel embedded with tetraphenylethene-grafted-poly[3-sulfopropyl methacrylate potassium salt] (TPE-PSPMA) as the functional element is prepared by the radical polymerization method. Among them, the TPE core exhibits adaptive fluorescence ability through the AIE effect, while the PSPMA chain provides tunable hydrophilic properties under an external stimulus. The effect of different cationic surfactants with different lengths of hydrophobic tails on the fluorescence properties of TPE-PSPMA in solution is systematically investigated. With cationic surfactants, such as cetyltrimethylammonium bromide (CTAB), the fluorescence intensity is gradually tuned from 1059 to 4623. And the fluorescence intensities increase with the growth of hydrophobic tails of surfactants, which results from hydrophobicity-induced electrostatic interactions among surfactants and polymer chains. Furthermore, an obvious tunable fluorescence feature of hydrogel copolymerized TPE-PSPMA is realized, resulting from the change of brightness and the dynamic increase of fluorescence intensity (from 1031 to 3138) for the hydrogel immersed in CTAB solution with different soaking times. Such a typical fluorescence-regulated behavior can be attributed to the AIE of the TPE-PSPMA chain and the electrostatic interaction between the surfactant and the anionic polymer chain. The designed TPE-PSPMA-based hydrogel is responsive to stimuli, inspiring the development of intelligent systems such as soft robots and smart wearables.