我正在尝试更改表单输出的字体大小。用户应该从单选按钮中选择字体大小，我有4个选项（15px，20px，24px和30px）。我在样式部分应用了必要的CSS.我给每个复选框分配了不同的ID.如何使用PHP更改输出的大小？课程名称在屏幕的底部，应在提交后更改字体大小。

顺晟科技：

，这将很容易。

我相信你在页面上有用户选择这些和其他你处理的信息的形式。

页（表格）您需要添加SOM JavaScript，以便用户只选择一个选项

<代码><；表单方法="；后"；>；<；INPUT TYPE=' CHECKBOX ' CLASS=' CONF-1 ' DATA-CONF=' 1 ' VALUE=' 15 ' NAME=' OPTION15 '>；<；INPUT TYPE=' CHECKBOX ' CLASS=' CONF-1 ' DATA-CONF=' 1 ' VALUE=' 20 ' NAME=' OPTION20 '>；<；INPUT TYPE=' CHECKBOX ' CLASS=' CONF-1 ' DATA-CONF=' 1 ' VALUE=' 24 ' NAME=' OPTION24 '>；<；INPUT TYPE=' CHECKBOX ' CLASS=' CONF-1 ' DATA-CONF=' 1 ' VALUE=' 30 ' NAME=' OPTION30 '>；<；输入类型="；提交"；值="；保存！"；/>；<；/窗体>；<；脚本>；$（"；输入：复选框"；）。On（' click '，函数（）{//在处理程序中，“ this ”指的是单击的框Var box=$（this）；Var idcheck=box.data（' conf '）；变量组="；配置-"；+IDCheck；if（box.is（"；：checked"；））{//使用.ATTR（）方法检索Box的名称//因为假设和预期它是不可变的//另一方面，组/框的选中状态将更改//并使用.prop（）方法检索当前值$（"；."；+group）.prop（"；checked"；，false）；box.prop（"；checked"；，true）；}否则{box.prop（"；checked"；，false）；}});<；/脚本>；

页（工艺信息）

  <form method="post">
    <input type='checkbox' class='conf-1' data-conf='1' value='15' name='option15' >
    <input type='checkbox' class='conf-1' data-conf='1' value='20' name='option20' >
    <input type='checkbox' class='conf-1' data-conf='1' value='24' name='option24' >
    <input type='checkbox' class='conf-1' data-conf='1' value='30' name='option30' >

    <input type="submit" value="save!"/>
  </form>

<script>
$("input:checkbox").on('click', function() {
        // in the handler, 'this' refers to the box clicked on
        var box = $(this);
        var idCheck = box.data('conf');
        var group = "conf-"+idCheck;

        if (box.is(":checked")) {
            // the name of the box is retrieved using the .attr() method
            // as it is assumed and expected to be immutable
            // the checked state of the group/box on the other hand will change
            // and the current value is retrieved using .prop() method
            $("."+group).prop("checked", false);
            box.prop("checked", true);
        } else {
            box.prop("checked", false);
        }
        
    });
</script>