Javascript 点击按钮[angularjs]更改收音机型号

Javascript 点击按钮[angularjs]更改收音机型号,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我想实现的是,当我点击“更改输入”按钮时,触发收音机型号值的更改。 为什么我需要调用两次单击,以便更新模型并检查收音机 HTML 可能是因为在调用onclick函数之前更新了该值。为什么不更新onclick函数中的值并只使用一次单击 忘掉jQuery,试试这个: <button ng-click="value = 33">Change input</button> 我想出了一个解决办法。我对angularjs还不熟悉,好像我还不习惯 HTML 为什么要混合使用jQuer

我想实现的是,当我点击“更改输入”按钮时,触发收音机型号值的更改。 为什么我需要调用两次单击,以便更新模型并检查收音机

HTML


可能是因为在调用onclick函数之前更新了该值。为什么不更新onclick函数中的值并只使用一次单击

忘掉jQuery,试试这个:

<button ng-click="value = 33">Change input</button>

我想出了一个解决办法。我对angularjs还不熟悉,好像我还不习惯

HTML


为什么要混合使用jQuery和angularjs?@Satpal让我们假设我不知道第一个输入的值是33,但我仍然想检查它并更新模型,你会怎么做?我唯一能让它工作的方法是做一些类似$scope.value=$'input:eq0'。valI会做一些类似的事情,因为我不清楚您的问题。这是一个guess@Satpal但问题是,在我的实际代码中,我不知道这些值是什么,所以唯一的方法是使用jquery来获取它。如果我错了,请纠正我,初始值可以有任何值,您希望选择选中的第一个单选按钮在本例中,您可以这样硬编码它,但在我的实际代码中,它的动态性更大。这将始终为第一个单选按钮提供动态性value@Satpal我在我的真实代码应用程序中使用一个id,以便它只从我想要的容器中获取一个id。
function Ctrl($scope) {

}

function changeInput() {
    $('input:eq(0)').click().click();
}
<button ng-click="value = 33">Change input</button>
<div ng-app ng-controller="Ctrl">
    <input type="radio" ng-model="value" ng-value="33">
    <input type="radio" ng-model="value" ng-value="22">{{ value }}
    <button ng-click="changeInput()">Change input</button>
</div>
function Ctrl($scope) {
    $scope.changeInput = function () {
        $scope.value=$('input:eq(0)').val();
    }    
}