Self-regulatory learning skills are recognized as an essential factor motivating students to learn. The lack of self-regulatory learning skills could reduce students' learning performance. Therefore, engaging students in making learning plans, executing the plans, and reflecting on their learning remains a challenge for teachers. To address this problem, this study proposes a gamified mobile self-regulated learning approach which provides multiple gamified rewards to motivate students' self-regulatory learning skills. Gamified elements were integrated into students' self-regulated learning stages to guide them in efficiently exploring how to achieve their goals and making deep learning reflections. To investigate the effect of this proposed approach on students' learning outcomes, two classes of students were recruited to conduct the experiment. The learning approach was used by the experimental group (N = 22) while the conventional mobile self-regulated learning approach was used by the control group (N = 22). Both groups of students' performance on the mathematics learning achievement test, SRL learning sheets, and goal-achieving intentions were collected and analyzed. The results showed that the gamification mechanism improved the students' learning achievement as well as their goal-setting and reflection performance. However, the students who used the proposed approach reached similar monitoring performance as those students who learned without gamification. This study confirmed the feasibility of introducing a gamification mechanism into self-regulated learning, and revealed how to apply multiple game elements in instructional activities to enhance students' learning intentions.