Javascript Yii2:如何禁用单选按钮
我想禁用当前选中的所有以前的单选按钮。 正如我在图像状态“APPROVED”中所示,“DIGITAL”和“CDP”被禁用,因为选择了状态打印。我已经将这三种状态设置为disabled函数,但是如何使用jQuery实现这一点 PS-使用Yii2 HTML代码-Javascript Yii2:如何禁用单选按钮,javascript,php,jquery,yii2,radiobuttonlist,Javascript,Php,Jquery,Yii2,Radiobuttonlist,我想禁用当前选中的所有以前的单选按钮。 正如我在图像状态“APPROVED”中所示,“DIGITAL”和“CDP”被禁用,因为选择了状态打印。我已经将这三种状态设置为disabled函数,但是如何使用jQuery实现这一点 PS-使用Yii2 HTML代码- <?php echo $form->field($model, 'status')->radioButtonGroup($model->getStatusList(), ['disabledItems'=>[
<?php echo $form->field($model, 'status')->radioButtonGroup($model->getStatusList(), ['disabledItems'=>['APPROVED','DIGITAL','CDP']],
[
'class' => 'btn-group-sm',
'itemOptions' => ['labelOptions' => ['class' => 'btn btn-warning']]
]);
?>
地位
经核准的
数字的
CDP
印刷品
其他过程
包装
派遣
您可以使用prop
禁用单选按钮
<div class="form-group field-status-status required">
<label class="control-label" for="status-status">Status</label>
<input type="hidden" name="Status[status]" value="">
<div id="status-status" class="btn-group" data-toggle="buttons">
<label class="btn btn-default disabled">
<input type="radio" name="Status[status]" value="APPROVED" disabled> Approved</label>
<label class="btn btn-default disabled">
<input type="radio" name="Status[status]" value="DIGITAL" disabled> Digital</label>
<label class="btn btn-default disabled">
<input type="radio" name="Status[status]" value="CDP" disabled> CDP</label>
<label class="btn btn-default">
<input type="radio" name="Status[status]" value="PRINT"> Print</label>
<label class="btn btn-default">
<input type="radio" name="Status[status]" value="OTHERPROCESS"> OtherProcess</label>
<label class="btn btn-default">
<input type="radio" name="Status[status]" value="PACKING"> Packing</label>
<label class="btn btn-default">
<input type="radio" name="Status[status]" value="DISPATCH"> Dispatch</label>
</div>
演示:
$(':radio')。在('change',function()上{
$(':radio:checked')。最近的('label')。prevAll('label')。addClass('disabled')。子项(':radio')。prop('disabled',true);
}).触发(“变更”)代码>
。已禁用{
颜色:灰色;
}
地位
经核准的
数字的
CDP
印刷品
其他过程
包装
派遣
您可以使用prop
禁用单选按钮
<div class="form-group field-status-status required">
<label class="control-label" for="status-status">Status</label>
<input type="hidden" name="Status[status]" value="">
<div id="status-status" class="btn-group" data-toggle="buttons">
<label class="btn btn-default disabled">
<input type="radio" name="Status[status]" value="APPROVED" disabled> Approved</label>
<label class="btn btn-default disabled">
<input type="radio" name="Status[status]" value="DIGITAL" disabled> Digital</label>
<label class="btn btn-default disabled">
<input type="radio" name="Status[status]" value="CDP" disabled> CDP</label>
<label class="btn btn-default">
<input type="radio" name="Status[status]" value="PRINT"> Print</label>
<label class="btn btn-default">
<input type="radio" name="Status[status]" value="OTHERPROCESS"> OtherProcess</label>
<label class="btn btn-default">
<input type="radio" name="Status[status]" value="PACKING"> Packing</label>
<label class="btn btn-default">
<input type="radio" name="Status[status]" value="DISPATCH"> Dispatch</label>
</div>
演示:
$(':radio')。在('change',function()上{
$(':radio:checked')。最近的('label')。prevAll('label')。addClass('disabled')。子项(':radio')。prop('disabled',true);
}).触发(“变更”)代码>
。已禁用{
颜色:灰色;
}
地位
经核准的
数字的
CDP
印刷品
其他过程
包装
派遣
更新了问题更新了问题你能帮我写完整的脚本吗,实际上这个页面是用来更新状态的。一旦选择了一个状态,用户就不应该选择上一个状态。如图中所示,如果选择了“打印”,则前3个状态应自动禁用。如果预先选择了“值”单选按钮,该功能是否有效?未获得预期输出..:(什么是控制台日志?我应该用什么值来代替fdsafdsa?可能是因为这个控制台日志?值应该改为fdsafdsa``这就是我在表单末尾放的内容。你能帮我写完整的脚本吗?实际上这个页面是用来更新状态的。一旦选择了一个状态,用户就不应该选择以前的状态。就像我一样如果选择了“打印”,则在图像中显示前3个状态应自动禁用。如果预先选择了“值”单选按钮,该状态是否有效?未获得预期输出..:(什么是控制台日志我应该输入什么值而不是fdsafdsa?可能是因为这个控制台日志?应该更改值而不是fdsafdsa``这是我在表单末尾输入的值