Laravel 如果没有单击任何单选按钮,则禁用按钮
我在Vue中做了一个测验,根据问题数组的索引一次显示一个问题。单个问题的html示例:Laravel 如果没有单击任何单选按钮,则禁用按钮,laravel,vue.js,Laravel,Vue.js,我在Vue中做了一个测验,根据问题数组的索引一次显示一个问题。单个问题的html示例: <h3>Is this a question?</h3> <label><input type="radio" name="option" value="option">Yes</label> <label><input type="radio" name="option" value="option">Maybe</
<h3>Is this a question?</h3>
<label><input type="radio" name="option" value="option">Yes</label>
<label><input type="radio" name="option" value="option">Maybe</label>
<label><input type="radio" name="option" value="option">No</label>
<button type="button" class="btn btn-default">Next question</button>
这是个问题吗?
对
大概
不
下一个问题
我想要实现的是,当用户没有单击任何单选按钮时(对于这个特定的索引问题),禁用“下一个问题”按钮。我用一个v型模型让它工作,但当我点击按钮时,它对弹出的数组中的下一个问题不起作用。有人能帮我吗?我认为一个好的选择是将id参数传递给button元素(DOM),并在数组中使用该参数将问题标记为已填充/打开,还可以显示/隐藏按钮。来吧,伙计,使用v-model
<h3>Is this a question?</h3>
<label><input type="radio" name="option" value="option" v-model="radioValue">Yes</label>
<label><input type="radio" name="option" value="option" >Maybe</label>
<label><input type="radio" name="option" value="option" v-model="radioValue">No</label>
<button type="button" class="btn btn-default" :disabled="!radioValue">Next question</button>
这是个问题吗?
对
大概
不
下一个问题
我希望能有所帮助。你能发布你的
v-model
演示吗?@yuriy636谢谢你的回复。老实说,我把它拿走了,没什么大不了的。只有一个单选选项上名为“checked”的v型,并在“下一步”按钮上声明:disabled=“!checked”。单击“下一步”按钮或选择单选按钮后,您是否会存储您的答案?这与我使用Vue.JS时要查找的不完全一样,但感谢您的回复!