Question

数据库

我 - 内部员工
E - 外部员工

updatestaff.php

<html>
<head>
<link rel="stylesheet" href="js/jquery-ui-themes-1.11.1/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.1/jquery-ui.js"></script>
<script>
$(document).ready(function(){
    //---CLICK STAFF TYPE RADIO BUTTON---
    $(".stafftype").click(function() 
    {
        if($(this).val() === 'I')
        {
            $("#staffcompanyname").val('');
            $("#staffcompanyname").attr('disabled', true);
            $("#staffcompanyname").css("background-color", "#CCCCCC");
        }
        else 
        {
            $("#staffcompanyname").attr('disabled', false);
            $("#staffcompanyname").css("background-color", "#D7E5F2");
        }
    }); 

    //---CLICK RESET BUTTON---
    $('#reset').click(function(){
        //[HERE]
    });
});
</script>
</head>

<?php
    //---DB Connection---
    $query = "SELECT *
              FROM staff 
              WHERE staff_ID = 1"; 
    $result = mysqli_query($dbc, $query);
    $row = mysqli_fetch_array($result, MYSQLI_ASSOC);
?>

<body>
<form method="post" action="staff.php">
<table>
  <tr>
    <td>Staff Type : </td>
    <td>
      <input type="radio" name="stafftype" class="stafftype" value="I"
      <?php if($row['staff_type'] == 'I') echo 'checked'; ?> />Internal

      <input type="radio" name="stafftype" class="stafftype" value="E" 
      <?php if($row['staff_type'] == 'E') echo 'checked'; ?> />External
    </td>
  </tr>

  <tr>
    <td>Company Name : </td>
    <td>
      <input type="text" name="staffcompanyname" id="staffcompanyname" value="<?php echo $row['staff_company']; ?>" 
      maxlength="120" size="40" <?php echo ($row['staff_type'] == 'I') ? 'class="staffcompanydisablefieldcellinput" disabled' : 
      'class="staffcompanyfieldcellinput"'; ?> />
    </td>
  </tr>

  <tr>
    <td><input type="submit" name="submit" value="Update Staff" ></td>
    <td><input type="reset" name="reset" id="reset" value="Reset" /></td>
  </tr>
</table>
</form>
</body>
</html>

从上面的代码和上面的图像：
（1）初始
- 员工类型单选按钮将设置为内部（请参阅数据库，其中staff_ID = 1）
- 员工公司文本字段将被禁用（背景颜色：#CCCCCC）

（2）单击外部类型
- 员工类型单选按钮将设置为外部
- 将启用员工公司文本字段（背景颜色：＃D7EF52）

（3）单击重置按钮
- 员工类型单选按钮将设置为内部
- 员工公司文本字段将被禁用（背景颜色：#CCCCCC）

但是，当我单击重置按钮时，未禁用员工公司字段，并且文本字段背景颜色未设置为#CCCCCC。
我应该如何在[HERE]部分修改它以获得我的预期输出？有人能帮我吗？

Answer 1

问题是您的单选按钮没有let myObject : MyClass = otherObj as? MyClass，正在ID

[HERE] 应该是

ID='Internal'

OR

$("#Internal").prop("checked", true).triggerHandler('click');

单击重置按钮后，公司文本字段将被禁用并更改背景颜色

1 个答案: