Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Laravel 如果没有单击任何单选按钮,则禁用按钮_Laravel_Vue.js - Fatal编程技术网

Laravel 如果没有单击任何单选按钮,则禁用按钮

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</

我在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</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时要查找的不完全一样,但感谢您的回复!